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对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
js对象的复制继承实例
Jan 10 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
vue实现跳转接口push 转场动画示例
Nov 01 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 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
世界第一个无线广播电台 KDKA
2021/03/01 无线电
php学习 字符串课件
2008/06/15 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
关于JavaScript的一些看法
2009/05/27 Javascript
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
用Python创建声明性迷你语言的教程
2015/04/13 Python
Python实现身份证号码解析
2015/09/01 Python
Python对切片命名的实现方法
2018/10/16 Python
Python 多维List创建的问题小结
2019/01/18 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
2019/08/13 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
StubHub德国:购买和出售门票
2017/09/06 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
2014年幼儿园教师工作总结
2014/11/08 职场文书
搞笑婚前保证书
2015/02/28 职场文书
反邪教学习心得体会
2016/01/15 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python