JS获取页面内容宽度各浏览器不一

你可以用documentbodyscrollWidth

来获取，但兼容性本人没有做过测试。 给你个参考：网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth(包括边线的宽)

网页可见区域高：documentbodyoffsetHeight(包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

网页正文全文高：documentbodyscrollHeight

网页被卷去的高：documentbodyscrollTop(IE7无效)

网页被卷去的左：documentbodyscrollLeft(IE7无效)网页被卷去的高：documentdocumentElementscrollTop(IE7有效)网页被卷去的左：documentdocumentElementscrollLeft(IE7有效)

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

相对于窗口左上角的X：windoweventclientX相对于窗口左上角的Y：windoweventclientY

相对于整个页面的X：windoweventX

相对于整个页面的Y：windoweventY

$(document)ready(function(){

$("#container")width(getAllWidth("#container div"));

});

//定义一个获取对象列表宽度的方法

var getAllWidth = function(objIcon){

var obj = $(objIcon);

var _width = 0;

if(objlength > 0){

for(var i=0;i<objlength;i++){

_width += $(obj[i])width();

}

}

return _width;

}

上面代码我引入的jquery，如果不用jquery的话我也可以帮你写一份

你怎么知道我有答案？昨天是回答了，结果无缘无故被弊，再试试吧

注意因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是全角，你复制粘贴之后自己用编辑器查找/替换全部吧。

<style type="text/css">

#div {

    width: 100%;

    background: url("bgjpg") no-repeat;

    background-size: 100% auto;

    border: 1px solid #f00;

}

</style>

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：

<div id="banner" style="width:100%">

js获取banner的宽度：documentgetElementById("banner")offsetWidth

文本框没有宽度属性 所以width是不对。然后style里面有height样式的。但没有width样式。<br>所以你要设置文档框的高度是 设置style="height:30px"就行了<br>文本框的长度 是和size相关的 ，设置size多少 宽度就是多少了<br>取值的话 取对应属性就行了<br>alert(documentgetElementById("text1")size);//宽度 <br>alert(documentgetElementById("text1")styleheight); //高度

以上就是关于JS获取页面内容宽度各浏览器不一全部的内容，包括:JS获取页面内容宽度各浏览器不一、js获取所有子元素宽度之和 赋值给父元素、js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！