
jq不会出现这样的问题的,检查下代码存放位置是否正确。另外您的jq是什么版本的?另外如果实在取不到那就用这个
网页可见区域宽: documentbodyclientWidth网页可见区域高: documentbodyclientHeight
网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)
网页可见区域高: documentbodyoffsetHeight (包括边线的高)
网页正文全文宽: documentbodyscrollWidth
网页正文全文高: documentbodyscrollHeight
网页被卷去的高: documentbodyscrollTop
网页被卷去的左: documentbodyscrollLeft
网页正文部分上: windowscreenTop
网页正文部分左: windowscreenLeft
屏幕分辨率的高: windowscreenheight
屏幕分辨率的宽: windowscreenwidth
屏幕可用工作区高度: windowscreenavailHeight
屏幕可用工作区宽度: windowscreenavailWidth
。。。。
documentbodyclientWidth 用这个原生的 比jq快得快
获取浏览器显示区域的高度 :
$(window)height();
获取浏览器显示区域的宽度 :
$(window)width();
获取页面的文档高度 :
$(document)height();
获取页面的文档宽度 :
$(document)width();
获取滚动条到顶部的垂直高度 :
$(document)scrollTop();
获取滚动条到左边的垂直宽度 :
$(document)scrollLeft();
计算元素位置和偏移量:
$(id)offset();
火狐的firebug中,有一个样式表的选项,里面有一个事dom,里面会吧该标签的所有属性和方法列出来,你可以看看。
宽度在计算出来的样式里面,有width和height,如果不行,你可以读取attr("width")和attr("height")看看。
在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度,outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来,即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。同理,innerHeight方法与outerHeight方法也是用同样的方法计算相应的高度。\x0d\所以说:对于同一个元素应该是:width()\x0d\$(document)ready(function(){\x0d\ $("btn1")click(function(){\x0d\ var obj=$("#p_obj");\x0d\ alert(objwidth());\x0d\ alert(objinnerWidth());\x0d\ alert(objouterWidth());\x0d\ alert(objouterWidth(true));\x0d\ });\x0d\});\x0d\\x0d\
This is a paragraph\x0d\输出高度
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));
以上就是关于jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢全部的内容,包括:jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢、jquery 如何获取滚动条的宽度、jquery如何获得宽度为百分比的元素的宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)