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为单选框checkbox绑定单击click事件
Dec 18 Javascript
Jquery中使用setInterval和setTimeout的方法
Apr 08 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
JS图片等比例缩放方法完整示例
Aug 03 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
遍历json获得数据的几种方法小结
Jan 21 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
详解js的作用域、预解析机制
Feb 05 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/10/08 PHP
检查php文件中是否含有bom的函数
2012/05/31 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
使用JavaScript获取Request中参数的值方法
2016/09/27 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
js时间戳和c#时间戳互转方法(推荐)
2017/02/15 Javascript
nodejs之get/post请求的几种方式小结
2017/07/26 NodeJs
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
2017/12/09 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
浅谈js中的bind
2019/03/18 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
python实现根据指定字符截取对应的行的内容方法
2018/10/23 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
Python csv文件记录流程代码解析
2020/07/16 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
伊索寓言教学反思
2014/05/01 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
教你如何让spark sql写mysql的时候支持update操作
2022/02/15 MySQL
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js