js获取html文件的思路及示例_javascript技巧

2020-11-27 来源：乌哈旅游

代码如下:
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

显示全文

全部栏目

js获取html文件的思路及示例_javascript技巧