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去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
简单的渐变轮播插件
Jan 12 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
Dec 31 Javascript
详解react-redux插件入门
Apr 19 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
JavaScript解析JSON数据示例
Jul 16 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 Javascript
JavaScript动态生成表格的示例
Nov 02 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中批量修改文件后缀名的函数代码
2011/10/23 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php获取汉字首字母的函数
2013/11/07 PHP
PDO::setAttribute讲解
2019/01/29 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
js计算页面刷新的次数
2009/07/20 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
javascript中强制执行toString()具体实现
2013/04/27 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
node.js 使用ejs模板引擎时后缀换成.html
2015/04/22 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
跟老齐学Python之坑爹的字符编码
2014/09/28 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
Python中的函数作用域
2018/05/07 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
python代码xml转txt实例
2020/03/10 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
购买一个高级域名:BuyDomains
2018/03/11 全球购物
大学生职业生涯规划书模板
2014/01/03 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
个人党性锻炼总结
2015/03/05 职场文书
python绘制箱型图
2021/04/27 Python
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android