DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲取html文件的思路及示例
js獲取html文件的思路及示例
編輯:關於JavaScript     
復制代碼 代碼如下:
function readHTML(){
$.ajax({
async:false,
url : "aa.html“,
success : function(result){
alert(result);
}
});
}

async:false,這個是做與其他的js同步的,若為true或不填將會先運行同級別的其它代碼,也就是說這裡的result為空,只有其它代碼執行完畢後才會運行裡面的東西,result才會有值,這通常不是所需要的

表達的可能不是很清楚,自己做個測試就明了了,這是介紹此屬性的一個詳細的例子:http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

注:這是使用的jQuery

使用js的話是下面的代碼
復制代碼 代碼如下:
var xmlhttp;
if (window.XMLHttpRequest) { // 兼容 IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else { // 兼容IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "aa.html", true);
xmlhttp.send();

myDiv是你輸出的位置,這個是定義在了頁面上的一個div

這是我解決問題的來源:http://stackoverflow.com/questions/8197709/javascript-read-html-from-url-into-string
參考:http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved