?? 22-1 使用ajax無刷新的獲取頁面.hta
字號:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>22-1 使用Ajax無刷新的獲取頁面</title>
<base href="http://www.google.com/" />
<style>
* { font-size:12px; font-family:宋體, Arial; } /*規定了所有的字體樣式*/
body { background-color:buttonface; border-style:none; overflow:auto; }
#search_string { width:300px; }
#searchResult { width:100%; height:200px; overflow:auto; border:1px solid black; margin-top:10px; background-color:white; }
</style>
<script>
var xmlhttp;
var baseURL = "http://www.google.cn/search?hl=zh-CN&meta=&aq=f&q=";
function $(str){ return(document.getElementById(str)); }
function getXMLRequester(){
var xmlhttp_request = false;
try{
if( window.ActiveXObject ){
for( var i = 5; i > -1; i-- ){
try{
if( i == 2 ){
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
}else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
}
break;
}catch(e){
xmlhttp_request = false;
}
}
}else if( window.XMLHttpRequest ){
xmlhttp_request = new XMLHttpRequest();
}
}catch(e){
xmlhttp_request = false;
}
return xmlhttp_request;
}
function start_search(){
var key;
key = $("search_string").value;
if(!key)return;
xmlhttp = getXMLRequester();
xmlhttp.onreadystatechange = xmlhttp_onreadystatechange;
xmlhttp.open("GET", baseURL+key, true);
xmlhttp.send("");
}
function xmlhttp_onreadystatechange(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
$("searchResult").innerHTML = xmlhttp.responseText;
}else{
$("searchResult").innerHTML = "載入失敗,返回碼:"+xmlhttp.status;
}
}else{
$("searchResult").innerHTML = "載入中,當前狀態:" + xmlhttp.readyState;
}
}
window.onload = function(){
$("cmd_search").onclick = start_search;
}
</script>
</head>
<body>
<div id="searchBar">
<label for="search_string">請輸入搜索內容:</label>
<input id="search_string"/>
<input id="cmd_search" type="button" value="搜索"/>
</div>
<div id="searchResult"></div>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -