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是办不到的.