JS获取整个页面文档的实现代码


Posted in Javascript onDecember 15, 2011

唯一需要注意的地方:
innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。

var innerText = document.body.innerText ? 'innerText' : 'textContent';

上面的语句在开头处理以避免多次判断
demo贴图:

JS获取整个页面文档的实现代码


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>
Javascript 相关文章推荐
关于Jquery操作Cookie取值错误的解决方法
Aug 26 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
webpack 代码分离优化快速指北
May 18 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
jQuery版仿Path菜单效果
Dec 15 #Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 #Javascript
js 可拖动列表实现代码
Dec 13 #Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 #Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 #Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 #Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 #Javascript
You might like
详解PHP错误日志的获取方法
2015/07/20 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
javascript中call,apply,bind函数用法示例
2016/12/19 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
vue.js实现标签页切换效果
2018/06/07 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
详解Django通用视图中的函数包装
2015/07/21 Python
python中map()与zip()操作方法
2016/02/27 Python
Python实现的计数排序算法示例
2017/11/29 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
python列表生成器迭代器实例解析
2019/12/19 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
英国电信商店:BT Shop
2019/12/17 全球购物
教师自荐书
2013/10/08 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
教师节感谢信
2015/01/22 职场文书
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android
Python采集壁纸并实现炫轮播
2022/04/30 Python
教你使用Ubuntu搭建DNS服务器
2022/09/23 Servers