js absolute dom怎么读取宽高

js absolute dom怎么读取宽高,第1张

网页可见区域宽或高、网页正文全文宽或高以及网页正文部分左或右,详细请看下文,希望对你有所帮助

具体代码如下:

网页可见区域宽: documentbodyclientWidth 

网页可见区域高: documentbodyclientHeight 

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

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

网页正文全文宽: documentbodyscrollWidth 

网页正文全文高: documentbodyscrollHeight 

网页被卷去的高: documentbodyscrollTop 

网页被卷去的左: documentbodyscrollLeft 

网页正文部分上: windowscreenTop 

网页正文部分左: windowscreenLeft 

屏幕分辨率的高: windowscreenheight 

屏幕分辨率的宽: windowscreenwidth 

屏幕可用工作区高度: windowscreenavailHeight 

屏幕可用工作区宽度: windowscreenavailWidth

如果是body不需要勇ID的形式来获取的:

<script type="text/javascript"> 

var     s   =   " ";

documentdocumentElementscrollTop 就是滚动条距离顶部的位置(可变)

documentdocumentElementscrollLef 指滚动条距离左边的位置(可变)

s   +=   "\r\n<br>网页可见区域宽: "+   documentbodyclientWidth; 

s   +=   "\r\n<br>网页可见区域高: "+   documentbodyclientHeight; 

s   +=   "\r\n<br>网页可见区域宽: "+   documentbodyoffsetWidth     + "   (包括边线的宽) "; 

s   +=   "\r\n<br>网页可见区域高: "+   documentbodyoffsetHeight   + "   (包括边线的宽) "; 

s   +=   "\r\n<br>网页正文全文宽: "+   documentbodyscrollWidth; 

s   +=   "\r\n<br>网页正文全文高: "+   documentbodyscrollHeight; 

s   +=   "\r\n<br>网页被卷去的高: "+   documentbodyscrollTop; 

s   +=   "\r\n<br>网页被卷去的左: "+   documentbodyscrollLeft; 

s   +=   "\r\n<br>网页正文部分上: "+   windowscreenTop; 

s   +=   "\r\n<br>网页正文部分左: "+   windowscreenLeft; 

s   +=   "\r\n<br>屏幕分辨率的高: "+   windowscreenheight; 

s   +=   "\r\n<br>屏幕分辨率的宽: "+   windowscreenwidth; 

s   +=   "\r\n<br>屏幕可用工作区高度: "+   windowscreenavailHeight+" (去掉状态栏)"; 

s   +=   "\r\n<br>屏幕可用工作区宽度: "+   windowscreenavailWidth; 

//alert(s);

documentwrite(s);

</script>

1、documentbodyclientWidth;//网页可见区域宽

2、documentbodyclientHeight;//网页可见区域高

3、documentbodyoffsetWidth;//网页可见区域宽(包括边线的宽)

4、documentbodyoffsetHeight;//网页可见区域高(包括边线的高)

5、documentbodyscrollWidth;//网页正文全文宽

6、windowscreenavailHeight;//屏幕可用工作区高度

7、windowscreenavailWidth;//屏幕可用工作区宽度

8、alert($(documentbody)outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

9、alert($(documentbody)width());//浏览器时下窗口文档body的高度

扩展资料:

1、alert($(window)height()); //浏览器时下窗口可视区域高度

2、alert($(document)height()); //浏览器时下窗口文档的高度

3、alert($(documentbody)height());//浏览器时下窗口文档body的高度

4、alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

5、alert($(window)width()); //浏览器时下窗口可视区域宽度

6、alert($(document)width());//浏览器时下窗口文档对于象宽度

7、alert($(document)scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document)scrollLeft()); //获取滚动条到左边的垂直宽度

以上就是关于js absolute dom怎么读取宽高全部的内容,包括:js absolute dom怎么读取宽高、body height=100% js 获取 实际高度、JS获取body的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9819895.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存