1方法如下：
获取浏览器显示区域（可视区域）的高度 ：
$(window)height();
获取浏览器显示区域（可视区域）的宽度 ：
$(window)width();
获取页面的文档高度
$(document)height();
获取页面的文档宽度 ：
$(document)width();
浏览器当前窗口文档body的高度：
$(documentbody)height();
浏览器当前窗口文档body的宽度：
$(documentbody)width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document)scrollTop();
获取滚动条到左边的垂直宽度 ：
$(document)scrollLeft();
获取或设置元素的宽度：
$(obj)width();
获取或设置元素的高度：
$(obj)height();
某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）
某个元素的左边界到body最左边的距离：objoffset()left;（在元素的包含元素不含滚动条的情况下）
返回当前元素的上边界到它的包含元素的上边界的偏移量：objoffset()top（在元素的包含元素含滚动条的情况下）
返回当前元素的左边界到它的包含元素的左边界的偏移量：objoffset()left（在元素的包含元素含滚动条的情况下）
2代码如下：
//返回当前页面高度
function pageHeight(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :
documentbodyclientHeight;
}else{
return selfinnerHeight;
}
};
//返回当前页面宽度
function pageWidth(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :
documentbodyclientWidth;
}else{
return selfinnerWidth;
}
};
获取浏览器显示区域（可视区域）的高度：$(window)height();获取浏览器显示区域（可视区域）的宽度：$(window)width();获取页面的文档高度$(document)height();获取页面的文档宽度：$(document)width();浏览器当前窗口文档body的高度：$(documentbody)height();浏览器当前窗口文档body的宽度：$(documentbody)width();获取滚动条到顶部的垂直高度(即网页被卷上去的高度)$(document)scrollTop();获取滚动条到左边的垂直宽度：$(document)scrollLeft();获取或设置元素的宽度：$(obj)width();获取或设置元素的高度：$(obj)height();某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）
可以使用jquery里面的outerWidth就可以了。
下面是简单的代码，仅供参考：
<script src="jqueryjs"></script><body>
<div id="div"></div>
</body>
<script>
$('#div')outerWidth(); //获取div的宽度。
$('#div')attr('width','100px'); //给div赋值。
</script>
//js部分
$(document)ready(function() {
$("#button")click(function() {
alert("高："+$(document)height()+" 宽："+$(document)width());
});
});<!-- html 部分 -->
<button id="button">点击显示</button>
你真确定不好使？检查一下jquery路径吧。
问题一：js 中怎么获取当前屏幕的宽度 documentdocumentElementclientWidth 这个方法返回页面在当前窗口中可见部分的宽度(不包括滚动条宽度)；
windowinnerWidth 这个方法返回页面在当前窗口中可见部分宽度(包括滚动条宽度);
windowouterWidth 返回浏览器窗口自身宽度，包括菜单和边框；
screenwidth 返回设备的(屏幕宽度)
问题二：js网页如何获取手机屏幕宽度 ]@]@]
@sssss
var x = navigator;
var w=windowinnerWidth
|| documentdocumentElementclientWidth
|| documentbodyclientWidth;
var h=windowinnerHeight
|| documentdocumentElementclientHeight
|| documentbodyclientHeight;
documentgetElementById(p1)innerHTML=屏幕分辨率:+screenwidth + + screenheight+内部窗口: + w + + h
不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。手机上是 一个型号固定的分辨率比如
华为8813的分辨率是480854。。 内部窗口是 改变窗口大小刷新一下就有新的数据
问题三：用javascript 怎样才能很好的获取手机的屏幕宽度和高度 一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用windowinnerHeight还是windowscreenwidth拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。
有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。
问题四：如何获得当前屏幕的高度 windowonload = function(){ 获取屏幕高度 documentdocumentElementclientHeightconsolelog(documentdocumentElementclientHeight); 获取屏幕宽度 documentdocumentElementclientWidthconsolelog(documentdocumentElementclientWidth);}
问题五：html中 如何获取屏幕宽度 把以下这段代码放到之间或之间预览即可看到数据
/将获取的值存到变量里/
width_screen=screenwidth;
height_screen=screenheight;
availWidth_screen=screenavailWidth;
availHeight_screen=screenavailHeight;
colorDepth_screen=screencolorDepth;
/end/
/输出值/
documentwrite(你的屏幕宽为：+width_screen+
你的屏幕高为：+height_screen+
你的屏幕可用宽为：+availWidth_screen+
你的屏幕可用高为：+availHeight_screen+
你的颜色设置所有为数为：+colorDepth_screen);
/end/
问题六：怎么用jquery来获取屏幕的宽度和高速 $(window)width();$(window)height();严格来说，获取window才对
问题七：javascript怎么获取屏幕大小 1
2
3
4
5
6
7
8
9
windowonload = function(){
获取屏幕高度 documentdocumentElementclientHeight
consolelog(documentdocumentElementclientHeight);
获取屏幕宽度 documentdocumentElementclientWidth
consolelog(documentdocumentElementclientWidth);
}
问题八：PHP怎么获取屏幕的宽度与高度？ 10分 PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取
Javascript:
网页可见区域宽： documentbodyclientWidth网页可见区域高： documentbodyclientHeight网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)网页可见区域高： documentbodyoffsetHeight (包括边线的高)网页正文全文宽： documentbodyscrollWidth网页正文全文高： documentbodyscrollHeight网页被卷去的高： documentbodyscrollTop网页被卷去的左： documentbodyscrollLeft网页正文部分上： windowscreenTop网页正文部分左： windowscreenLeft屏幕分辨率的高： windowscreenheight屏幕分辨率的宽： windowscreenwidth屏幕可用工作区高度： windowscreenavailHeight屏幕可用工作区宽度： windowscreenavailWidth
JQuery:
$(document)ready(function(){alert($(window)height()); 浏览器当前窗口可视区域高度alert($(document)height()); 浏览器当前窗口文档的高度alert($(documentbody)height());浏览器当前窗口文档body的高度alert($(documentbody)outerHeight(true));浏览器当前窗口文档body的总高度 包括border padding marginalert($(window)width()); 浏览器当前窗口可视区域宽度alert($(document)width());浏览器当前窗口文档对象宽度alert($(documentbody)width());浏览器当前窗口文档body的宽度alert($(documentbody)outerWidth(true));浏览器当前窗口文档body的总宽度 包括border padding margin})
问题九：怎样用 JavaScript 准确获取手机屏幕的宽度和高度 屏幕分辨率的高：windowscreenheight
屏幕分辨率的宽：windowscreenwidth
网页可见区域宽：documentbodyoffsetWidth
网页可见区域高：documentbodyoffsetHeight
问题十：Android开发 怎样获取屏幕的宽高是多少厘米 我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸
下面的代码即可获取屏幕的尺寸。
在一个Activity的onCreate方法中，写入如下代码：
[java] view plain copy print
DisplayMetrics metric = new DisplayMetrics();
getWindowManager()getDefaultDisplay()getMetrics(metric);
int width = metricwidthPixels; 屏幕宽度（像素）
int height = metricheightPixels; 屏幕高度（像素）
float density = metricdensity; 屏幕密度（075 / 10 / 15）
int densityDpi = metricdensityDpi; 屏幕密度DPI（120 / 160 / 240）
DisplayMetrics metric = new DisplayMetrics();
getWindowManager()getDefaultDisplay()getMetrics(metric);
int width = metricwidthPixels; 屏幕宽度（像素）
int height = metricheightPixels; 屏幕高度（像素）
float density = metricdensity; 屏幕密度（075 / 10 / 15）
int densityDpi = metricdensityDpi; 屏幕密度DPI（120 / 160 / 240）
但是，需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。比如说，一部240x320像素的低密度手机，如果运行上述代码，获取到的屏幕尺寸是320x427。因此，研究之后发现，若没有设定多分辨率支持的话，Android系统会将240x320的低密度（120）尺寸转换为中等密度（160）对应的尺寸，这样的话就大大影响了程序的编码。所以，需要在工程的AndroidManifestxml文件中，加入supports-screens节点，具体的内容如下：
[html] view plain copy print
>
以上就是关于请问如何通过jquery获取页面内容的高度全部的内容，包括:请问如何通过jquery获取页面内容的高度、jQuery height的值被四舍五入了，怎么获取精确的值、jquery如何判断DIV宽度并赋值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）