JavaScript获取HTML文件内容的两种实现方式

 
function readHTML(){
$.ajax({
async:false,
url : "aa.html“,
success : function(result){
alert(result);
} 
}); 
} 

async:false参数用于控制JavaScript代码的同步执行。若设置为true或不填该属性，浏览器将优先执行同级其他代码，导致此时result变量为空，只有当其他代码执行完毕后才会回调执行内部逻辑，从而获取到result的值。这种异步行为通常不符合预期需求。

上述说明可能较为抽象，建议通过实际测试来验证。关于此属性的详细示例可参考：http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html

注意：以上示例基于jQuery库实现。

原生XMLHttpRequest实现方案

若不使用jQuery，采用原生JavaScript实现代码如下：

 
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