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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
jquery对表单操作2
Apr 06 Javascript
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
jquery html动态生成select标签出问题的解决方法
Nov 20 Javascript
深入理解Javascript动态方法调用与参数修改的问题
Dec 10 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
jQuery链使用指南
Jan 20 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
在Python中实现贪婪排名算法的教程
2015/04/17 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
python实现图片上添加图片
2019/11/26 Python
Python序列化pickle模块使用详解
2020/03/05 Python
法国在线药房:Shop Pharmacie
2019/11/26 全球购物
材料专业毕业生求职信
2014/02/26 职场文书
中华魂放飞梦想演讲稿
2014/08/26 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
南湾猴岛导游词
2015/02/09 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
导游词之南昌滕王阁
2019/11/29 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
Python基础之hashlib模块详解
2021/05/06 Python