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 相关文章推荐
JavaScript 动态改变图片大小
Jun 11 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
Dec 23 Javascript
layui文件上传实现代码
May 20 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
JS实现将二维数组转为json格式字符串操作示例
Jul 12 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
Jan 06 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
数据库相关问题
2006/10/09 PHP
php xfocus防注入资料
2008/04/27 PHP
php获取参数的几种方法总结
2014/02/18 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
vuex的简单使用教程
2018/02/02 Javascript
一些你可能不熟悉的JS知识点总结
2019/03/15 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
跟老齐学Python之再深点,更懂list
2014/09/20 Python
python类继承用法实例分析
2014/10/10 Python
Python单链表简单实现代码
2016/04/27 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
历史学专业个人的自我评价
2013/10/13 职场文书
电子商务个人职业生涯规划范文
2014/02/12 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
《比尾巴》教学反思
2016/02/24 职场文书
Mysql基础之常见函数
2021/04/22 MySQL
Python必备技巧之函数的使用详解
2022/04/04 Python