JS獲取整個(gè)頁面文檔的實(shí)現(xiàn)代碼
更新時(shí)間：2011年12月15日 00:18:58 作者：
就是在當(dāng)前頁面用AJAX請求當(dāng)前頁面，返回的就是整個(gè)頁面的HTML··既然是整個(gè)頁面，所以也包括文檔聲明
唯一需要注意的地方：
innerText與textContent，顯示頁面的時(shí)候不能用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);//發(fā)送到本頁面
connector.send();
</script>
</body>
</html>
innerText與textContent，顯示頁面的時(shí)候不能用innerHTML，否則會被解析。innerText與textContent是在除FF之外的瀏覽器與FF之間的差異。
復(fù)制代碼 代碼如下:
var innerText = document.body.innerText ? 'innerText' : 'textContent';
上面的語句在開頭處理以避免多次判斷
demo貼圖：
demo：
復(fù)制代碼 代碼如下:
<!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);//發(fā)送到本頁面
connector.send();
</script>
</body>
</html>
您可能感興趣的文章:
- js取整數(shù)、取余數(shù)的方法
- js 小數(shù)取整的函數(shù)
- JavaScript Math.ceil 方法(對數(shù)值向上取整)
- JavaScript Math.floor方法(對數(shù)值向下取整)
- JS取模、取商及取整運(yùn)算方法示例
- js中小數(shù)向上取整數(shù),向下取整數(shù),四舍五入取整數(shù)的實(shí)現(xiàn)(必看篇)
- JavaScript的parseInt 取整使用
- JS操作字符串轉(zhuǎn)換為數(shù)值并取整的代碼
- JavaScript中使用Math.floor()方法對數(shù)字取整
- JavaScript十大取整方法實(shí)例教程
相關(guān)文章
使用JS獲取input file的路徑C:\fakepath\問題及解決方法
這篇文章主要介紹了使用JS獲取input file的路徑C:\fakepath\問題及解決方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
bootstrap table之通用方法（ 時(shí)間控件，導(dǎo)出，動態(tài)下拉框， 表單驗(yàn)證 ，選中與獲取信息）代碼分享
這篇文章主要介紹了bootstrap table之通用方法（ 時(shí)間控件，導(dǎo)出，動態(tài)下拉框， 表單驗(yàn)證 ，選中與獲取信息）代碼分享，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-01-01
axios的get請求傳入數(shù)組參數(shù)原理詳解
這篇文章主要為大家介紹了axios的get請求傳入數(shù)組參數(shù)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果，幫助大家更好的理解和制作JavaScript特效，感興趣的朋友可以了解下2020-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)右鍵菜單欄功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
解決axios會發(fā)送兩次請求,有個(gè)OPTIONS請求的問題
這篇文章主要介紹了解決axios會發(fā)送兩次請求,有個(gè)OPTIONS請求的問題,需要的朋友可以參考下2018-10-10
想必大家對窗口抖動一詞并不陌生吧，其實(shí)原理很簡單，下面為大家簡單介紹下js中時(shí)如何實(shí)現(xiàn)的，喜歡的朋友可以參考下2013-09-09
js實(shí)現(xiàn)固定顯示區(qū)域內(nèi)自動縮放圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)固定顯示區(qū)域內(nèi)自動縮放圖片的方法,實(shí)例分析了javascript操作頁面元素及屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
下面小編就為大家?guī)硪黄猨s通過classname來獲取元素的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起 小編過來看看吧2016-11-11
在開發(fā)過程中，為了應(yīng)對多變的復(fù)雜場景，我們需要了解一下?TypeScript?的高級類型。本文就為大家整理了一些需要掌握的TypeScript高級類型，需要的可以參考一下2022-08-08