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.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
一个简单的js树形菜单
Dec 09 Javascript
js Dialog 去掉右上角的X关闭功能
Apr 23 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
利用node.js实现反向代理的方法详解
Jul 24 Javascript
JS实现自定义状态栏动画文字效果示例
Oct 12 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 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
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
javascript 写的一个简单的timer
2009/07/30 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
jQuery菜单插件用法实例
2015/07/25 Javascript
JS绘制生成花瓣效果的方法
2015/08/05 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
微信小程序 Flex布局详解
2016/10/09 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
javascript实现评分功能
2020/06/24 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
2020/12/01 Javascript
python实现清屏的方法
2015/04/30 Python
django之常用命令详解
2016/06/30 Python
python检查URL是否正常访问的小技巧
2017/02/25 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
python在每个字符后添加空格的实例
2018/05/07 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python实现微信防撤回神器
2019/04/29 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
解决Jupyter Notebook使用parser.parse_args出现错误问题
2020/04/20 Python
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
澳大利亚在线高跟鞋商店:Shoe Me
2019/11/19 全球购物
办理信用卡工作证明
2014/01/11 职场文书
综治宣传月活动总结
2014/04/28 职场文书
访谈节目策划方案
2014/05/15 职场文书
主题党日活动总结
2014/07/08 职场文书
个人委托书如何写
2014/09/25 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书