网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
一、途径：
第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。
第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。
二、小结：
因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。
三、代码：
var o = documentgetElementById("view");
var h = ooffsetHeight; //高度
var w = ooffsetWidth; //宽度
参考资料
js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]
jquery
$(function(){
/调整窗口自动调整宽度/
$(window)resize(function(){
var h = $(window)height();
var w = $(window)width();
consoleinfo("窗口高度：" + h + "; 窗口宽度：" + w);
});
});
获取步骤如下所示。
1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。
2：使用jQuery可以这样获取window的宽高。
3：宽度 $(window)width() ，高度$(window)height()，自己写个函数，设定定时器的时间。
4：<body onresize="showSize()"> ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。
以上就是关于js或者jquery如何获取自适应宽度的具体值全部的内容，包括:js或者jquery如何获取自适应宽度的具体值、jQuery获取HTML元素“div”的宽度：$("div").width()、js或者jquery如何实时获取浏览器的高度和宽度的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）