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 相关文章推荐
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
分享Angular http interceptors 拦截器使用(推荐)
Nov 10 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
Jan 18 Javascript
Javascript实现秒表计时游戏
May 27 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 Javascript
小程序实现录音功能
Sep 22 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 常用字符串函数总结
2008/03/15 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
PHP simplexml_load_file()函数讲解
2019/02/03 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
JavaScript错误处理
2015/02/03 Javascript
举例简介AngularJS的内部语言环境
2015/06/17 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
nodejs微信开发之接入指南
2019/03/17 NodeJs
关于JS解构的5种有趣用法
2019/09/05 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python中字典的setdefault()方法教程
2017/02/07 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
python中round函数如何使用
2020/06/19 Python
艺术设计专业个人求职信
2013/09/21 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python
详解Vue的列表渲染
2021/11/20 Vue.js
java中如何截取字符串最后一位
2022/07/07 Java/Android