获取浏览器显示区域（可视区域）的高度：$(window)height();获取浏览器显示区域（可视区域）的宽度：$(window)width();获取页面的文档高度$(document)height();获取页面的文档宽度：$(document)width();浏览器当前窗口文档body的高度：$(documentbody)height();浏览器当前窗口文档body的宽度：$(documentbody)width();获取滚动条到顶部的垂直高度(即网页被卷上去的高度)$(document)scrollTop();获取滚动条到左边的垂直宽度：$(document)scrollLeft();获取或设置元素的宽度：$(obj)width();获取或设置元素的高度：$(obj)height();某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）
可以使用jquery里面的outerWidth就可以了。
下面是简单的代码，仅供参考：
<script src="jqueryjs"></script><body>
<div id="div"></div>
</body>
<script>
$('#div')outerWidth(); //获取div的宽度。
$('#div')attr('width','100px'); //给div赋值。
</script>
$(window)是jquery 对象， 加height() 也是就是获取窗口高度
同理，如果你想获取某个div的高度可以使用
var divHeight = $("div")height();/或者/
var divHeight = $("div")[0]offsetHeight;
$("div")是jquery对象，$("div")[0] 或者 $("div")get(0)是dom对象
但是在开发中会有很多坑 这点你得注意
如果 当前的 元素是 隐藏状态 display ： none
那你是无法通过上述方法和获取宽高的 ，所以在开发中如果没有获取到宽高，就要留意上面的代码在执行的时候 该元素是不是在隐藏状态
如果你想把 屏幕的高度 赋值给div
$("div")height(winHeight)// 或者
$("div")[0]offsetHeight = winHeight
<script type="text/javascript">
$(document)ready(function()
{
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));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert(screenheight);//显示器分辨率，只能用JavaScript代码获取
alert(screenwidth);
})
</script>
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
宽度是没错，因为手机除开分辨率还有一个缩放度，例如苹果的retina屏幕是把屏幕放大一倍的，里面的如果不做成2倍大小在里面看起来就模糊。也就是说640宽的retina屏幕其实显示的就是320的宽度。只是里面的内容被放大成640的清晰度。而640是他最大支持分辨率，320是他正常使用下的分辨率。安卓也是一样的，给你一个列表：希望有帮助
宽度方法 输出@media breakpoint 1440
vergeviewportW() 1440
$(window)width() 1425
documentdocumentElementclientWidth 1425
windowinnerWidth 1440
windowouterWidth 1440
$(document)width() 1425
documentbodyclientWidth 960
documentbodyoffsetWidth 960
documentbodyscrollWidth 1425
documentdocumentElementclientWidth 1425
documentdocumentElementoffsetWidth 1425
documentdocumentElementscrollWidth 1425
jquery函数获取宽高方法
$(window)height() //浏览器时下窗口可视区域高度$(document)height() //浏览器时下窗口文档的高度
$(documentbody)height()//浏览器时下窗口文档body的高度
$(documentbody)outerHeight(true) //浏览器时下窗口文档body的总高度 包括border padding margin
$(window)width() //浏览器时下窗口可视区域宽度
$(document)width() //浏览器时下窗口文档对于象宽度
$(documentbody)width()//浏览器时下窗口文档body的高度
$(documentbody)outerWidth(true) //浏览器时下窗口文档body的总宽度 包括border padding
以上就是关于jQuery height的值被四舍五入了，怎么获取精确的值全部的内容，包括:jQuery height的值被四舍五入了，怎么获取精确的值、jquery如何判断DIV宽度并赋值、var winHeight=$(window).height();这句话是获取屏幕高度，请问我怎样应用到具体某个div里呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）