js或者jquery如何获取自适应宽度的具体值

js或者jquery如何获取自适应宽度的具体值,第1张

网页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

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

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

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

不考虑边框那些的话,用 CSS3 也可以做啊,做法是:

div1 {

width: 100px;

}

div2 {

width: calc(100% - 100px);

}

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

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

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

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

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

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

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

alert($(documentbody)outerWidth(true));

使用过程中需要主要获取的高度范围包含 盒子模型中的哪些元素、

height() : 其高度范围是所匹配元素的高度 height;(content 的高度)

innerHeight() : 其高度范围是所匹配元素的高度 height + padding

outerHeight() : 其高度范围是所匹配元素的高度height + padding + border

outerHeight(true) : 其高度范围是所匹配元素的高度 height + padding + border + margin

同理宽度有: width() | innerWidth() | outerWidth() | outerWidth(true)

以上就是关于js或者jquery如何获取自适应宽度的具体值全部的内容,包括:js或者jquery如何获取自适应宽度的具体值、jquery怎么获取div的宽度、Jquery如何获取浏览器窗口宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存