js获取html文件的思路及示例
时间：2020-10-15 23:16:49|栏目：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
上一篇：DOM基础教程之模型中的模型节点
栏 目：JavaScript代码
下一篇：JavaScript中的null和undefined区别介绍
本文标题：js获取html文件的思路及示例
本文地址：http://www.codeinn.net/misctech/11840.html
