
var win_w = $(window)width();//获取宽度
var win_h = $(window)height();//获取高度
如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。
var width = documentbodyscrollHeight;
//获取屏幕高度
documentgetElementById("//自己设置个id 用bytagname会有兼容问题")stylemargin-top
网页可见区域宽:documentbodyclientWidth
网页可见区域高:documentbodyclientHeight
网页可见区域宽:documentbodyoffsetWidth (包括边线的宽)
网页可见区域高:documentbodyoffsetHeight (包括边线的宽)
网页正文全文宽:documentbodyscrollWidth
网页正文全文高:documentbodyscrollHeight
网页被卷去的高:documentbodyscrollTop
网页被卷去的左:documentbodyscrollLeft
网页正文部分上:windowscreenTop
网页正文部分左:windowscreenLeft
屏幕分辨率的高:windowscreenheight
屏幕分辨率的宽:windowscreenwidth
屏幕可用工作区高度:windowscreenavailHeight
屏幕可用工作区宽度:windowscreenavailWidth
你所指的应该是网页所见区域高,即documentbodyclientHeight
1
2
var win_w = $(window)width();//获取宽度
var win_h = $(window)height();//获取高度
如果你想要匹配高度,那么,就是页面刚刚打开其实没有数据,是等页面打开,计算了屏幕高度之后,再根据每条数据的高度计算出条数,再利用ajax的异步传输去读取列表,然后用JS呈现在手机网页中的。
</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上的桌面分辨率 。手机上是 一个型号固定的分辨
以上就是关于js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度全部的内容,包括:js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度、js 怎么根据获取到的可用屏幕高度设置div的marginTop、JS如何获取网页除了工具栏以外的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)