用javascript怎么能准确的获取手机的屏幕宽度和高度_百度知道
用javascript怎么能准确的获取手机的屏幕宽度和高度
提问者采纳
function(){
//&nbsp.log(document.documentE获取屏幕高度&nbsp&lt.clientHeight
console.onload&=&nbsp.documentE获取屏幕宽度& window.documentE/script&gt.clientWidth).clientWidth
console.log( }&script&gt.clientHeight);document.documentE
来自团队：
其他类似问题
为您推荐：
javascript的相关知识
其他1条回答
$(window).height()$(window).width()
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁二次元同好交流新大陆
扫码下载App
汇聚2000万达人的兴趣社区下载即送20张免费照片冲印
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(1723)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_080',
blogTitle:'用javascript获取屏幕高度和宽度等信息',
blogAbstract:'网页可见区域宽： document.body.clientWidth网页可见区域高： \ndocument.body.clientHeight网页可见区域宽： document.body.offsetWidth \n(包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： \ndocument.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去的高： \ndocument.body.scrollTop网页被卷去的左： document.body.scrollLeft网页正文部分上： \nwindow.screenTop网页正文部分左： window.screenLeft屏幕分辨率的高： \nwindow.screen.height',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:0,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}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();
您可能的代码
相关聚客文章
相关专栏文章jquery的height()和javascript的height总结，js获取屏幕高度
6999次浏览
今天是九一八事变八十三周年，大家勿忘国耻！加油学习！经济和技术等各个方面超过小日本！
在javascript和jquery中，都有对各种高度的写法，在这里，我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多！)
jquery的各种高度
首先来说一说$(document)和$(window)，如下：
$(document).height();//整个网页的高度
$(window).height();//浏览器可视窗口的高度
$(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）
用一句话理解就是：当网页滚动条拉到最低端时，
$(document).height() == $(window).height() + $(window).scrollTop()。
注意，是拉到最低端！
当网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()
假如您要获取整个网页的高度，不建议用$(&html&).height()、$(&body&).height()的高度，
$(&body&).height()：body可能会有边框，获取的高度会比$(document).height()小；
$(&html&).height()：在不同的浏览器上获取的高度的意义会有差异，说白了就是浏览器不兼容。
说道这里，提及边框和margin还有padding，我们自然想到了jquery的另外的两个高度，那就是innerHeight()和outerHeight()
innerHeight()和outerHeight()不适用于window 和 document对象，对于window 和 document对象可以使用.height()代替。innerHeight()和outerHeight()主要用来获取标签的高度。
innerHeight()
innerHeight:高度＋补白
outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距
innerHeight(value)
这个“value”参数可以是一个字符串（数字加单位）或者是一个数字,如果这个“value”参数只提供一个数字，jQuery会自动加上像素单位（px）。如果只提供一个字符串，任何有效的CSS尺寸都可以为高度赋值（就像100px, 50%, 或者 auto）。注意在现代浏览器中，CSS高度属性不包含padding, border, 或者 margin， 除非box-sizingCSS属性被应用。
jquery高度，放到浏览器中试一下
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的各种高度
网页可见区域宽[仅针对body]： document.body.clientWidth
网页可见区域高[仅针对body]： document.body.clientHeight
网页可见区域宽[仅针对body]： document.body.offsetWidth (包括滚动条和边框，若滚动条和边框为0，则和clientWidth相等)
网页可见区域高[仅针对body]： document.body.offsetHeight (包括滚动条和边框，若滚动条和边框为0，则和clientHeight相等)
可视窗口宽度(包括滚动轴宽度)：window.innerW //IE9+、Chrome、Firefox、Opera 以及 Safari
可视窗口高度，不包括浏览器顶部工具栏： window.innerH//IE9+、Chrome、Firefox、Opera 以及 Safari
网页正文全文宽(不包括滚动轴的宽度)： document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
//假如网页中没有滚动轴，document.body.scrollWidth和window.innerWidth相等，document.body.scrollHeight和window.innerHeight相等。
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高（整个屏幕的高度）： window.screen.height
屏幕分辨率的宽（整个屏幕的宽度）： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
整个浏览器可用工作区高度： window.outerHeight
整个浏览器可用工作区宽度： window.outerWidth
注意，在运用jquery的innerHeight()和outerHeight()的时候，可能会有浏览器的兼容问题，不同浏览器出现不同高度，总之，实践得真知，你可以测试一下，写几个小的demo，总结一下！
看完jquery和javascript的height,不知道您有何感想，这篇文章希望对你有帮助，可以留言相互交流，谢谢！
如果您觉得本文的内容对您的学习有所帮助：
相关文章：
关键词搜索转载用javascript获取屏幕高度和宽度等信息_小组_ThinkSAAS
转载用javascript获取屏幕高度和宽度等信息
转载用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
&script language="javascript"&
function screenInfo(){
s +="rn网页可见区域宽："+ document.body.clientW
s +="rn网页可见区域高："+ document.body.clientH
s +="rn网页可见区域宽："+ document.body.offsetWidth
+"(包括边线的宽)";
s +="rn网页可见区域高："+ document.body.offsetHeight +"(包括边线的宽)";
s +="rn网页正文全文宽："+ document.body.scrollW
s +="rn网页正文全文高："+ document.body.scrollH
s +="rn网页被卷去的高："+ document.body.scrollT
s +="rn网页被卷去的左："+ document.body.scrollL
s +="rn网页正文部分上："+ window.screenT
s +="rn网页正文部分左："+ window.screenL
s +="rn屏幕分辨率的高："+ window.screen.
s +="rn屏幕分辨率的宽："+ window.screen.
s +="rn屏幕可用工作区高度："+ window.screen.availH
s +="rn屏幕可用工作区宽度："+ window.screen.availW
PHP开发框架
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
手机客户端
ThinkSAAS接收任何功能的Iphone(IOS)和Android手机的客户端定制开发服务
官方1群：【已满】
让ThinkSAAS更好，把建议拿来。}