JS获取整个页面的文档
2015-10-01 14:09
615 查看
这个是休息的时候想到了,不知道有没有人用过。
就是在当前页面用AJAX请求当前页面,返回的就是整个页面的HTML··既然是整个页面,所以也包括文档声明。
唯一需要注意的地方:
innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。
上面的语句在开头处理以避免多次判断
demo贴图:
demo:
转载请注明来自小西山子【http://www.cnblogs.com/xesam/】
本文地址:/article/5104399.html
就是在当前页面用AJAX请求当前页面,返回的就是整个页面的HTML··既然是整个页面,所以也包括文档声明。
唯一需要注意的地方:
innerText与textContent,显示页面的时候不能用innerHTML,否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。
var innerText = document.body.innerText ? 'innerText' : 'textContent';
上面的语句在开头处理以避免多次判断
demo贴图:
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>
转载请注明来自小西山子【http://www.cnblogs.com/xesam/】
本文地址:/article/5104399.html
相关文章推荐
- 用Javascript获取页面元素的位置
- JavaScript高级程序设计之函数表达式之私有变量之静态私有变量第7.4.1讲笔记
- js 进阶笔记
- 浅谈javascript的函数节流
- JSONP
- js性能优化的措施
- JavaScript表达式
- js从输入框读取内容,比较两个数字的大小
- JavaScript类型检测
- js-回调函数
- JavaScript动态广告弹出框
- 使用浏览器命令行编写JavaScript代码
- 谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- JavaScript数据类型与运算符
- js跨域问题及解决方案
- NW.js入门学习
- js常见题目
- JavaScript控制元素CSS
- 经典贪心算法(哈夫曼算法,Dijstra单源最短路径算法,最小费用最大流)