jquery抓取网页内容( 使用jquery获取网页中图片的高度其实很简单(图))

　　jquery抓取网页内容(

使用jquery获取网页中图片的高度其实很简单(图))

　　使用jquery获取网页中图像高度的两种方法

　　更新时间：2013-09-26 17:19:30 作者：

　　使用jquery获取网页中图片的高度其实很简单。有两种很好的方法来实现它。以下是详细介绍。如果您有任何疑问，可以参考以下内容。

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

　　复制代码代码如下：

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

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

　　但有时也会出现返回 0 的情况。上面方法的返回值其实是0或者0px，这很让人吃惊。

　　方法一

　　很久以前用的解决方法，也是我师父告诉我的解决方法：图中你需要get

　　给标签加width属性，或者把图片信息写在css中，这样就可以了，所以每次想获取图片的高度，都需要先测量图片的高度，然后再写到web page ，这是唯一的方法，是不是很笨拙，我们来看看第二种方法。

　　方法二

　　最近在看Learning jQuery的英文原版。因为翻译和阅读是同时进行的，所以每一页都看得很仔细，所以最后仔细阅读，实现了下面两种常用的jquery事件加载方式

　　复制代码代码如下：

　　$(函数(){});

　　window.onload=function(){}

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

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

　　你感觉到不同了吗？一个在资源没有加载的时候调用，另一个在资源加载完成并且页面已经渲染完毕之后调用，所以当我们在$(function(){})中调用$('img in $(function(){})').width()时，因为图片还没有加载，所以这次

　　标签的高度为0，所以返回值为0。但是用window.onload=function(){}调用时​​，图片已经加载完毕，所以此时可以获取图片的高度。

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