两种使用jQuery获取网页中图片高度的方法

使用jQuery获取Web页面中图片的高度非常简单。有两种常用的方法可以用于我们的目的。
复制代码代码如下所示:
$(img)。Whith();(返回的纯数字)
$(img)。Css(宽度);(返回字符串:编号+PX)

但有时会有0的回报,和上面的方法返回值0或0px,这是非常令人惊讶的。

方法1

很早以前,解决我使用的方法,这是我的老师告诉我的解决方案:增加宽度属性时,你需要去标签上的图片,或者CSS写出来的照片告诉,这样就可以了,所以每次我要买一张你需要先测量图像的高度,然后写页面,这样就可以,是不是很尴尬啊,这是第二方法。

方法二

最近,我阅读了学习jQuery英文原版的版本。我仔细阅读每一页,因为我读到它的侧面。所以我仔细阅读每一页。最后,我阅读了以下两种常用的jQuery事件加载方法。
复制代码代码如下所示:
$(函数(){ });
窗口。指针函数(){ }

第一个是在完成DOM结构渲染之后调用的。此时,Web页面中的某些资源尚未加载,如图片和其他资源,但DOM结构已成功地呈现。
第二个页面调用DOM结构呈现,资源已成功加载。

有一种感觉的不同,一个叫当资源不是装的,一是在资源加载结束,在该页面被渲染,所以当我们在$(函数(){ })$('img)。Width(电话)当图片未加载。所以这一次的标签的高度是0,那么返回值是0,但是当你使用窗口。指针函数(){ }时,图片加载的,所以它可以得到图像的高度。

所以请记住,$(函数({)})在DOM的结尾,当执行时没有加载资源,如果您想获得关于资源的一些信息,这一次是没有办法的哦