复制代码代码如下 :
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> chrome ome img 加载对 height () 的影响 </title>
<스타일 유형 = "텍스트/CSS">
.floatleft {
플로트 : 왼쪽;
}
</스타일>
<script type = "text/javaScript"src = "js/jquery-1.7.1.js"> </script>
<script type = "text/javaScript">
$ (function () {
var img_h = $ ( '. showimg'). 높이 ();
var img_w = $ ( '. showimg'). width ();
var text_h = $ ( '. showtext'). height ();
$ ( '. showResult'). html ( 'showimg :' + img_w + '&' + img_h + '<br /> showtext :' + text_h);
alert ( 'showimg :' + img_w + '&' + img_h + '<br /> showtext :' + text_h);
});
</스크립트>
</head>
<!-
作者 ： 北京-南宫
日期 ： 2012-07-25
->
<body>
<div>
<div>
<img src = "images /flash_pic.gif" />
</div>
<div>
这是文字
</div>
<div>
这里显示结果。
</div>
</div>
</body>
</html>
将此代码在 Chrome 运行 运行, 当 경고 窗口弹出时 窗口弹出时, 将会发现页面的 img 并没有加载。
运行结果如下 ：
这是文字
showimg : 112 & 0
Showtext : 18
1 的默认宽度为 img g 112, 但是我链接的 img 的宽度为 1000,
2 的高度为 IMG g 0,
现做如下改动
复制代码代码如下 :
<img src = "images /flash_pic.gif" />
运行结果为 ：
这是文字
showimg : 1000 & 0
Showtext : 18
IMG 的高度仍旧为 0
当为其设置高度之后, 就可以正常获取到。
arg ： Chrome 下 下, img 不设置宽高, 通过 jQuery 的 width () 和 height () 获取到的 img 的宽高将为 112px * 0
求助 ： 希望哪位大侠有好办法 希望哪位大侠有好办法, 能在不设置宽高情况下获取到正确的值。