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 DOM操作小结与实例
Jan 07 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
JavaScript插件化开发教程 (一)
Jan 27 Javascript
js电话号码验证方法
Sep 28 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
如何快速上手Vuex
Feb 14 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
微信小程序上传图片实例
May 28 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
Vue路由模块化配置的完整步骤
Aug 14 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 简易输出CSV表格文件的方法详解
2013/06/20 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
[50:17]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
python简单分割文件的方法
2015/07/30 Python
python 识别图片中的文字信息方法
2018/05/10 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
python 字符串和整数的转换方法
2018/06/25 Python
公司财务工作总结的自我评价
2013/11/23 职场文书
综合办公室个人的自我评价
2013/12/22 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
新学期班主任寄语
2014/01/18 职场文书
党员自我对照检查材料
2014/08/19 职场文书
委托书怎样写
2014/08/30 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
php解析非标准json、非规范json的方式实例
2022/05/10 PHP