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 剧场版 你必须知道的javascript
May 27 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 Javascript
js get和post请求实现代码解析
Feb 06 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
Vue的Flux框架之Vuex状态管理器
2017/07/30 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
node中使用log4js4.x版本记录日志的方法
2019/08/20 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
python对象及面向对象技术详解
2016/07/19 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Django中Model的使用方法教程
2018/03/07 Python
Python交互式图形编程的实现
2019/07/25 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
全球独特生活方式产品和礼品购物网站:AHAlife
2018/09/18 全球购物
外语系毕业生找工作的求职信
2013/11/28 职场文书
骨干教师培训制度
2014/01/13 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
离婚协议书范本样本
2014/08/19 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
环卫个人总结
2015/03/03 职场文书
结婚司仪主持词
2015/06/29 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
二十年同学聚会致辞
2015/07/28 职场文书