js獲取body源碼（js如何獲取body元素）

本文目錄一覽：

• 1、js 怎麼獲取body中的所有元素 不只是body的子元素，還有子元素的子元素
• 2、關於javascript中獲取body元素的問題？
• 3、JS獲取body的高度
• 4、js讀取遠程網頁源碼
• 5、JavaScript 如何讀取某網頁的源碼？

js 怎麼獲取body中的所有元素 不只是body的子元素，還有子元素的子元素

兩種方式：

第一種純js，使用遞歸：

script

/*

*第一個參數為頁面元素對象或者數組

*第二個參數為回調函數【回調函數默認傳遞一個函數，即當前對象】

*/

function Each(obj,fun){

if(‘function’!==typeof(fun) || !obj){

return false;

}

if(‘undefined’!==typeof(obj.length)){

for(var i=0;iobj.length;i++){

var o=obj[i];var r=fun(o)||true;

if(r===true){

r=Each(o.children,fun);

if(!r) return false;

}

}

}else{

var r=fun(obj)||true;

if(r===true){

r=Each(obj.children,fun);

if(!r) return false;

}

}

}

/script

用法：

//

Each(document.getElementsByTagName(“body”),function(obj){

if(obj.nodeName===”UL”)//obj為當前遍歷到的對象

return false;//如果返回false就會停止遍歷

alert(obj.nodeName);

});

第二種方法，使用jquery:

$(“body *”).each(function(i, obj){

alert( “Item #” + i + “: ” + obj );

});

關於javascript中獲取body元素的問題？

因為getElementByTagName方法返回的是一個NodeList對象，他是一個集合像數組一樣，而body只有一個，你當然要加個[0]才能獲取

JS獲取body的高度

1、document.body.clientWidth;//網頁可見區域寬

2、document.body.clientHeight;//網頁可見區域高

3、document.body.offsetWidth;//網頁可見區域寬(包括邊線的寬)

4、document.body.offsetHeight;//網頁可見區域高(包括邊線的高)

5、document.body.scrollWidth;//網頁正文全文寬

6、window.screen.availHeight;//屏幕可用工作區高度

7、window.screen.availWidth;//屏幕可用工作區寬度

8、alert($(document.body).outerWidth(true));//瀏覽器時下窗口文檔body的總寬度 包括border padding margin

9、alert($(document.body).width());//瀏覽器時下窗口文檔body的高度

擴展資料：

1、alert($(window).height()); //瀏覽器時下窗口可視區域高度

2、alert($(document).height()); //瀏覽器時下窗口文檔的高度

3、alert($(document.body).height());//瀏覽器時下窗口文檔body的高度

4、alert($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding margin

5、alert($(window).width()); //瀏覽器時下窗口可視區域寬度

6、alert($(document).width());//瀏覽器時下窗口文檔對於象寬度

7、alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度

8、alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度

js讀取遠程網頁源碼

代碼如下:

!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

meta http-equiv=”Content-type” content=”text/html; charset=utf-8″

title遠程網頁源代碼讀取/title

style type=”text/css”

/* 頁面字體樣式 */

body, td, input, textarea {

font-family:Arial;

font-size:12px;

}

/style

script type=”text/javascript”

//用於創建XMLHttpRequest對象

function createXmlHttp() {

//根據window.XMLHttpRequest對象是否存在使用不同的創建方式

if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest(); //FireFox、Opera等瀏覽器支持的創建方式

} else {

xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);//IE瀏覽器支持的創建方式

}

}

//直接通過XMLHttpRequest對象獲取遠程網頁源代碼

function getSource() {

var url = document.getElementById(“url”).value; //獲取目標地址信息

//地址為空時提示用戶輸入

if (url == “”) {

alert(“請輸入網頁地址 。”);

return;

}

document.getElementById(“source”).value = “正在加載……”; //提示正在加載

createXmlHttp(); //創建XMLHttpRequest對象

xmlHttp.onreadystatechange = writeSource; //設置回調函數

xmlHttp.open(“GET”, url, true);

xmlHttp.send(null);

}

//將遠程網頁源代碼寫入頁面文字區域

function writeSource() {

if (xmlHttp.readyState == 4) {

document.getElementById(“source”).value = xmlHttp.responseText;

}

}

/script

/head

body

h1遠程網頁源代碼讀取/h1

div

地址：input type=”text” id=”url”

input type=”button” onclick=”getSource()” value=”獲取源碼”

/div

textarea rows=”10″ cols=”80″ id=”source”/textarea

/body

/html

JavaScript 如何讀取某網頁的源碼？

可以使用parent.網頁所在窗口的名字.doucment.body.innerHTML屬性來讀取網頁主體中的代碼,但是要獲得整個網頁的源碼可能只使用JavaScript是辦不到的.