ajax抓取网页内容(使用jquery获取网页中图片的高度其实很简单，你知道吗？)

　　ajax抓取网页内容(使用jquery获取网页中图片的高度其实很简单，你知道吗？)

　　使用jquery获取网页中图片的高度其实很简单。目前有两种很好的方法来实现它。下面为大家详细介绍。如有疑问，可参考。

　　使用jquery获取网页中图片的高度其实很简单。有两种常见的方法可以达到我们的目的。

　　复制代码代码如下：

　　$("img").whith(); （返回纯数字）

　　$("img").css("width"); （返回字符串：数字+“px”）

　　但是有时候你会遇到返回0的情况，上面方法的返回值竟然是0或者0px，很奇怪

　　方法一

　　很久以前用的解决方案，也是我师父告诉我的解决方案：在你需要获取的图片的标签上加上width属性，或者把图片写在css中，这样就可以了，所以每想获取图片高度的时候，需要先测量一下图片的高度，然后写在网页上，就这样了。是不是很尴尬？我们来看看第二种方法。.

　　方法二

　　最近，我正在阅读Learning jQuery的英文原版。因为是边看边翻译，每页都看的很仔细，所以最后仔细阅读了下面两种常见的jquery事件加载方式。

　　复制代码代码如下：

　　$(函数(){});

　　window.onload=function(){}

　　第一个在 DOM 结构渲染完成后调用。这时候网页中的一些资源还没有加载，比如图片等资源，但是DOM结构已经渲染成功了。

　　第二个是在网页 DOM 结构渲染完毕并且资源加载成功后调用的。

　　你觉得有什么不同吗？一个是在资源没有加载的时候调用的，另一个是在资源加载完毕并且页面已经渲染完之后调用的，所以当我们调用 $('img in $(function(){}) 的时候') .width()，由于图片还未加载，此时label的高度为0，所以返回值为0。但是调用window.onload=function(){}时，图片已经已加载，因此您可以获取此时图片的高度。

　　所以请记住，$(function(){}) 是在 DOM 渲染结束且资源尚未加载时执行的。如果要获取一些资源信息，这个时候是没有办法的。

　　以上就是使用jquery获取网页中图片高度的两种方法的详细内容。更多详情请关注其他相关html中文网站文章！