侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。
如果你用jquery的话可以这样写：
$(window)on('orientationchange', function() {
var $el = $("#el"); // 需要重新获得宽和高的元素
var newWidth = $elwidth(); // 新的宽
var newHeight = $elheight(); // 新的高
});
js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度
宽度：documentdocumentElementclientWidth
高度：documentdocumentElementclientHeight
文档类型：XHTML10
浏览器：ALL
//js部分
$(document)ready(function() {
$("#button")click(function() {
alert("高："+$(document)height()+" 宽："+$(document)width());
});
});<!-- html 部分 -->
<button id="button">点击显示</button>
你真确定不好使？检查一下jquery路径吧。
windowaddEventListener("orientationchange", function(){
alert('得到的是旋转之前DIV的高和宽')
setTimeout(function () { alert('延时一秒后得到的是旋转之后DIV的高和宽') }, 1000);
})
我是这样解决的，延时一秒后可以得到旋转之后的高和宽，但我总感觉这方法不太好 万一是性能不好的设备 一秒过后还没完成相应的设置 此方法就无效了，题主你是用什么方法解决的？
用 JavaScript 准确获取手机屏幕的宽度和高度
documentdocumentElementclientWidth; documentdocumentElementclientHeight;
这个得到的是设备像素可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320416(手机480 - 微信状态栏64), iPhone 5里为320504
小部分手机获取到的宽高并不正确。比如上面说的screenwidth screenheight这些数据在有的手机上并不准确
您好：
<html>
<script>
function a(){
documentwrite(
"屏幕分辨率为："+screenwidth+""+screenheight
+"<br />"+
"屏幕可用大小："+screenavailWidth+""+screenavailHeight
+"<br />"+
"网页可见区域宽："+documentbodyclientWidth
+"<br />"+
"网页可见区域高："+documentbodyclientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+documentbodyoffsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+documentbodyoffsetHeight
+"<br />"+
"网页正文全文宽："+documentbodyscrollWidth
+"<br />"+
"网页正文全文高："+documentbodyscrollHeight
+"<br />"+
"网页被卷去的高："+documentbodyscrollTop
+"<br />"+
"网页被卷去的左："+documentbodyscrollLeft
+"<br />"+
"网页正文部分上："+windowscreenTop
+"<br />"+
"网页正文部分左："+windowscreenLeft
+"<br />"+
"屏幕分辨率的高："+windowscreenheight
+"<br />"+
"屏幕分辨率的宽："+windowscreenwidth
+"<br />"+
"屏幕可用工作区高度："+windowscreenavailHeight
+"<br />"+
"屏幕可用工作区宽度："+windowscreenavailWidth
);
}
</script>
<body on
load="a()" >
</body>
</html>
您要用这个尺寸的话，只要用可用大小来显示就可以了。就是第二个屏幕可用大小。
</head>
<p id="p1">sssss</p>
<body>
</body>
</html>
<script>
var x = navigator;
var w=windowinnerWidth
|| documentdocumentElementclientWidth
|| documentbodyclientWidth;
var h=windowinnerHeight
|| documentdocumentElementclientHeight
|| documentbodyclientHeight;
documentgetElementById("p1")innerHTML="<b>屏幕分辨率:</b>"+screenwidth + "" + screenheight+"<b>内部窗口</b>:" + w + "" + h
</script>
不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。手机上是 一个型号固定的分辨
以上就是关于javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的全部的内容，包括:javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的、js 如何获取浏览器的高度、javascript获取浏览器视口宽高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）