怎样用 JavaScript 准确获取手机获取屏幕的宽度和高度度

来源：蜘蛛抓取(WebSpider) 时间：2016-07-24 02:45 标签： javascript获取高度
用javascript怎么能准确的获取手机的屏幕宽度和高度_百度知道
用javascript怎么能准确的获取手机的屏幕宽度和高度
我有更好的答案
window.innerHeightwindow.innerWidth
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁解决jQuery动态获取手机屏幕高和宽的问题 - JavaScript技巧 - 大学IT网
当前位置: >
> 解决jQuery动态获取手机屏幕高和宽的问题
关键词：&&阅读(1354) 赞(15)
[摘要]这篇文章主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,希望我们提供的文章能够对你解决JavaScript相关问题有所帮助。
今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。 问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高，刷新一下后就可以，我尝试了使用window.onload=function(){}来解决，发现依然无法成功。 最后，我认为一定是因为第二次刷新时，浏览器有了缓存，所以就可以拿到了高，那么肯定是页面加载DOM的时间差，导致了这个问题，于是就使用了setTimeout(方法名,500);做了延时500毫秒，结果就正常了。 所以当朋友们无法获得屏幕宽高时，不妨用这个试试
相关JavaScript技巧推荐javascript获得屏幕的宽度高度，可用区域等信息 - 为程序员服务
为程序员服务
javascript获得屏幕的宽度高度，可用区域等信息
做了个简单的屏幕信息的代码：
&TITLE& 测试屏幕信息 &/TITLE&
&!-- 设置一个ID作为显示用 --&
&div id=&display&&&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function windowResize(){
s = & &B&变动浏览器大小试试！&/B&&;
s += &&br&&br& 网页可见区域宽：&+ document.body.clientW
s += &&br& 网页可见区域高：&+ document.body.clientH
s += &&br& 网页正文全文宽：&+ document.body.scrollW
s += &&br& 网页正文全文高：&+ document.body.scrollH
s += &&br& 网页正文部分上：&+ window.screenT
s += &&br& 网页正文部分左：&+ window.screenL
s += &&br& 屏幕分辨率的高：&+ window.screen.
s += &&br& 屏幕分辨率的宽：&+ window.screen.
s += &&br& 屏幕可用工作区高度：&+ window.screen.availH
s += &&br& 屏幕可用工作区宽度：&+ window.screen.availW
s += &&br&&br& From: &A HREF=\&\&&&/A& &;
b=document.getElementById(&display&);
b.innerHTML=s;
window.onresize = function(){
windowResize();
//调用一次，以便显示当前信息
windowResize();
您可能的代码
相关聚客文章
相关专栏文章编程开发子分类JS和jquery获取各种屏幕的宽度和高度和简单的宽度判断
所属分类：
发布时间： 11:20
jquery获取各种屏幕的宽度和 高度和简单的宽度判断
&script type=&text/javascript&&
jQuery(function(){
jq(window).load(function () {
jq(window).width() &=1600
jq('#in').addClass(&w1680&);
jq(window).width() &=1420 && jq(window).width() & 1600) {
jq('#in').addClass(&w1440&);
jq(window).width() &=1346 && jq(window).width() & 1420) {
jq('#in').addClass(&w1366&);
jq(window).width() &=0 && jq(window).width() & 1346) {
jq('#in').addClass(&w1024&);
Javascript:
　　网页可见区域宽： document.body.clientWidth
　　网页可见区域高： document.body.clientHeight
　　网页可见区域宽： document.body.offsetWidth (包括边线的宽)
　　网页可见区域高： document.body.offsetHeight (包括边线的高)
　　网页正文全文宽： document.body.scrollWidth
　　网页正文全文高： document.body.scrollHeight
　　网页被卷去的高： document.body.scrollTop
　　网页被卷去的左： document.body.scrollLeft
　　网页正文部分上： window.screenTop
　　网页正文部分左： window.screenLeft
　　屏幕分辨率的高： window.screen.height
　　屏幕分辨率的宽： window.screen.width
　　屏幕可用工作区高度： window.screen.availHeight
　　屏幕可用工作区宽度： window.screen.availWidth
　　JQuery:
　　$(document).ready(function(){
　　alert($(window).height()); //浏览器当前窗口可视区域高度
　　alert($(document).height()); //浏览器当前窗口文档的高度
　　alert($(document.body).height());//浏览器当前窗口文档body的高度
　　alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
　　alert($(window).width()); //浏览器当前窗口可视区域宽度
　　alert($(document).width());//浏览器当前窗口文档对象宽度
　　alert($(document.body).width());//浏览器当前窗口文档body的宽度
　　alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
转载请自觉注明原文:
声明：本站所有素材/文章除标明原创外，均来自网络转载，仅供学习和参考之用，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢合作！
相关文章：

我要回帖

更多关于 javascript获取高度 的文章

 

随机推荐