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 (十一) 实战表单验证与自动完成提示插件
Feb 23 Javascript
JS的replace方法介绍
Oct 20 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
Apr 02 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
Jul 27 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
javascript实现tab响应式切换特效
Jan 29 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
VsCode新建VueJs项目的详细步骤
Sep 23 Javascript
redux处理异步action解决方案
Mar 22 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
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 Try Catch异常测试
2009/03/01 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
js资料prototype 属性
2007/03/13 Javascript
JSQL 基于客户端的成绩统计实现方法
2010/05/05 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
python处理中文编码和判断编码示例
2014/02/26 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
TensorFlow的环境配置与安装教程详解(win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5)
2020/06/22 Python
PHP如何调用MYSQL存储过程
2014/05/30 面试题
微型企业创业投资计划书
2014/01/10 职场文书
大学学习生活感言
2014/01/18 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
关于运动会的广播稿
2014/09/22 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
庆七一活动简报
2015/07/20 职场文书
医院感染管理制度
2015/08/05 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
学生检讨书范文
2019/06/24 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
css3带你实现3D转换效果
2022/02/24 HTML / CSS
SQL使用复合索引实现数据库查询的优化
2022/05/25 SQL Server
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server