JS获取整个页面的文档
2011-12-14 17:04
162 查看
这个是休息的时候想到了,不知道有没有人用过。
就是在当前页面用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
相关文章推荐
- JS获取整个页面文档的实现代码
- JS获取整个页面的文档
- JS获取整个页面的文档
- JS获取整个页面的文档
- js获取鼠标相对于整个文档的位置
- JS实现获取word文档内容并输出显示到html页面示例
- JS获取word文档内容到html页面
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- js-获取鼠标光标相对于整个页面的当前位置
- 获取整个页面文档的大小
- js 和 jquery 获取页面和滚动条的高度 视口高度文档高度
- js获取url参数值,js获取其他页面传递而来的值
- JS父页面获取子页面返回值
- js获取页面滚动的高度
- js及jquery获取页面和元素的宽高
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 在JSP页面获取js中的变量值
- 百度IFE学习笔记(三)js获取页面内容及后续处理
- JS实现页面跳转,JS获取当前页面地址