$(function(){
var show = $('grid a imgholder');
showeach(function(){
var me = $(this), img = mefind('img');
if(img[0]complete){
mecss('height' , img[0]height);//已缓存，height值可以使用
}else{
imgon('load' , function(){
//加载完成后，在设置
mecss('height' , thisheight);
});
}
});
})
获取浏览器显示区域的高度 ： $(window)height();
获取浏览器显示区域的宽度 ：$(window)width();
获取页面的文档高度 ：$(document)height();
获取页面的文档宽度 ：$(document)width();
获取滚动条到顶部的垂直高度 ：$(document)scrollTop();
获取滚动条到左边的垂直宽度 ：$(document)scrollLeft();
计算元素位置和偏移量：$(id)offset();
offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。
offset(options, results)
optionsrelativeTo指定相对计
算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。
optionsscroll是否把
滚动条计算在内，默认TRUE
optionspadding是否把padding计算在内，默认false
optionsmargin
是否把margin计算在内，默认true
optionsborder是否把边框计算在内，默认true
子页面控制父页面：
parentdocumentdocumentElementscrollTop;
parentdocumentdocumentElementclientHeight;
可以使用offset() 方法，该方法返回或设置匹配元素相对于文档的偏移（位置），该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下：
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。
2、其次在indexhtml中的<script>标签，输入js代码：
documentbodyinnerText = $(window)height();
3、浏览器运行indexhtml页面，此时会通过jquery获取到窗口高度“743”并打印出。
获取滚动条到顶部的垂直高度
：$(document)scrollTop();
扩展：
获取览器显示区域的高度
：
$(window)height();
获取浏览器显示区域的宽度
：$(window)width();
获取页面的文档高度
：$(document)height();
获取页面的文档宽度
：$(document)width();
获取滚动条到左边的垂直宽度
：$(document)scrollLeft();
jquery获取html元素的高度使用height()方法即可。
定义和用法：
height() 方法返回或设置匹配元素的高度。
返回高度：
返回第一个匹配元素的高度。
如果不为该方法设置参数，则返回以像素计的匹配元素的高度。
语法：
$(selector)height(length)
例如：
$("btn1")click(function(){
alert($("p")height());
});
设置高度：
设置所有匹配元素的高度。
语法：
$(selector)height(length)
例如：
$("btn1")click(function(){
$("p")height(50);
});
jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个
网页可见区域宽： documentbodyclientWidth网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
。。。。
documentbodyclientWidth 用这个原生的 比jq快得快
height()
-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。
-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。
-这个方法同样能计算出window和document的高度。
$(window)height(); // returns height of browser viewport
$(document)height(); // returns height of HTML document
注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。
innerHeight()
-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。
-这个方法不适用于window and document对象，可以使用height()代替。
outerHeight()
-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。
-这个方法不适用于window 和 document对象，可以使用height()代替。
以上就是关于javascript/jquery在谷歌中获取图片高度（直接打开文件没问题，如果用localhost就获取不到了）全部的内容，包括:javascript/jquery在谷歌中获取图片高度（直接打开文件没问题，如果用localhost就获取不到了）、如何获取滚动条的高度 jquery、jquery获取元素距离浏览器顶部的可视高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）