JS获取整个页面文档的实现代码
2011-12-15 00:00
651 查看
唯一需要注意的地方:
innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。
上面的语句在开头处理以避免多次判断
demo贴图:
demo:
innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。
var innerText = document.body.innerText ? 'innerText' : 'textContent';
上面的语句在开头处理以避免多次判断
demo贴图:
demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<div id="test">
<pre>
休息休息
</pre>
</div>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
var connector = (function(){
var connector = null;
if(window.XMLHttpRequest){
connector = new XMLHttpRequest();
}else if(window.ActiveXObject){
connector = new ActiveXObject('Microsoft.XMLHTTP');
}
return connector;
})();var innerText = document.body.innerText ? 'innerText' : 'textContent';var handler = function(response){
document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response;
}
connector.onreadystatechange = (function(callback){
return function(){
if(connector.readyState == 4){//这里connector.status == 200都省了。
callback.call(connector,connector.responseText);
}
}
})(handler);
connector.open('GET',location.href,true);//发送到本页面
connector.send();
</script>
</body>
</html>
相关文章推荐
- JS获取整个页面的文档
- 用JavaScript获取页面文档内容的实现代码
- JS获取整个页面的文档
- JS获取整个页面的文档
- JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
- Js获取asp页面返回的值(加载值)实现代码
- JS实现获取word文档内容并输出显示到html页面示例
- js获取html页面代码中图片地址的实现代码
- JS获取整个页面的文档
- Js获取asp页面返回的值(加载值)实现代码
- JS实现倒是54321并且跳转页面的代码
- js获取php变量的实现代码
- JS实现页面跳转,JS获取当前页面地址
- js实现 菜单iframe与主页面iframe 重叠 防止互相遮挡 代码参考
- JS获取word文档内容到html页面
- php编程实现获取excel文档内容的代码实例
- js获取jsp页面中嵌入的java代码中的变量
- js获取input标签的输入值实现代码
- 经典js代码 实现动态传值 实现动态页面传值 options动态显示数据