JQuery获取：
consolelog($(window)width()); //浏览器当前窗口可视区域宽度
consolelog($(window)height()); //浏览器当前窗口可视区域高度
consolelog($(document)width());//浏览器当前窗口文档对象宽度
consolelog($(document)height()); //浏览器当前窗口文档的高度
consolelog($(documentbody)width());//浏览器当前窗口文档body的宽度
consolelog($(documentbody)height());//浏览器当前窗口文档body的高度
consolelog($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
consolelog($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
JS获取：
窗口可视区域宽度 ： documentdocumentElementclientWidth || documentbodyclientWidth;
窗口可视区域高度 ： documentdocumentElementclientHeight || documentbodyclientHeight;
窗口可视区域宽度+边线和滚动条 ： documentbodyoffsetWidth ;
窗口可视区域高度+边线和滚动条 ： documentbodyoffsetHeight ;
实际内容的宽度 ： documentbodyscrollWidth;
实际内容的高度 ： documentbodyscrollHeight;
滚动条下拉被卷起来的距离 ：documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;
滚动条侧拉被卷起来的距离 ：documentbodyscrollLeft || documentdocumentElementscrollLeft ;
网页正文部分上 ：windowscreenTop;
网页正文部分左 ：windowscreenLeft;
元素的宽度 ：objoffsetWidth;
元素的高度 ：objoffsetHeight;
相对于父元素的上位移 ：objoffsetTop;（在元素的包含元素不含滚动条的情况下）
相对于父元素的左位移 ：objoffsetLeft;（在元素的包含元素不含滚动条的情况下）
jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个
网页可见区域宽： documentbodyclientWidth网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
。。。。
documentbodyclientWidth 用这个原生的 比jq快得快
1、在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:
[html] view plaincopy
<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=05, maximum-scale=20, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<!--
第一行：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=10：表示初始的缩放比例
minimum-scale=05：表示最小的缩放比例
maximum-scale=20：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
第二行：
设定iphone端页面全屏。
第三行：
取消数字被识别为电话号码。
-->
2、如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
[html] view plaincopy
<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=10, maximum-scale=10, user-scalable=no" />
3、这样可以把一些页头横幅等的的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。
第二种方法：
android中放入html 无非是嵌再webView里。为什么要在html中获取呢，在webView所在的activity中获取不行么。
DisplayMetrics dm= new DisplayMetrics();
activitygetWindowManager()getDefaultDisplay()getMetrics(dm);
width= dmwidthPixels;
height= dmheightPixels;
希望能对你有所帮助 !
建议使用 jQuery试试，$("#content")就可以取到如DIV中id=content的div对象，然后就可以通过$("#content")width()得到宽，然后可以通过ajax方式发送给服务器PHP。
1如果你的FLASH是全屏的，就不需要获取网页的宽度了，FLASH有个resize的事件，可以通过这个来设置元件位置。（resize就是每次FLASH舞台大小改变后的事件，每次改变就有新的宽，高，然后来设置位置咯，具体问题查下resize就ok）
2，如果是固定大小， 要获取网页的宽度， 就要通过AS 去调用JS的函数来获取后，然后修改元件位置。
JS函数请参考 下面这个网址 （如果还不明白请留言）
用screen对象获得显示器的分辨率，
<script language=vbscript>
if screenwidth<1024 then
alert("屏幕分辨率过小")
end if
</script>
----
获得网页的宽度和高度，
用posWidth和posHeight属性即可，
以上就是关于JS 获取当前浏览器宽高全部的内容，包括:JS 获取当前浏览器宽高、jquery获取浏览器的宽度和高度怎么做的为啥$(window).width()不行呢、如何在html中获得android手机中浏览器的屏幕的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）