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 学习笔记 选择器之五
Jul 23 Javascript
基于JQuery的日期联动实现代码
Feb 24 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
移动节点的jquery代码
Jan 13 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
js面向对象编程总结
Feb 16 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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&amp;mysql(六)
2006/10/09 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
json的使用小结
2016/06/08 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
2016/12/14 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
js如何验证密码强度
2020/03/18 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
python定时检测无响应进程并重启的实例代码
2019/04/22 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
python代码区分大小写吗
2020/06/17 Python
python爬虫用mongodb的理由
2020/07/28 Python
Clarins娇韵诗美国官网:法国天然护肤品牌
2016/09/26 全球购物
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
中式面点餐厅创业计划书
2014/01/29 职场文书
民族团结先进个人材料
2014/02/05 职场文书
小小的船教学反思
2014/02/21 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
红领巾广播站广播稿
2014/10/19 职场文书
2015年小学开学寄语
2015/02/27 职场文书
高三语文教学反思
2016/02/16 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python