复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> chrome 下 IMG 加载对 height () 的影响 </title>
<type type = "text/css">
.floatleft {
تعويم: اليسار.
}
</style>
<script type = "text/javaScript" src = "js/jquery-1.7.1.js"> </script>
<script type = "text/javaScript">
$ (function () {
var img_h = $ ('. showimg'). height () ؛
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) ؛
}) ؛
</script>
</head>
<!-
： ： 北京-南宫
： ： 2012-07-25
->
<body>
<viv>
<viv>
<img src = "الصور /flash_pic.gif" />
</div>
<viv>
这是文字
</div>
<viv>
这里显示结果。
</div>
</div>
</body>
</html>
将此代码在 chrome 运行 ， 当 تنبيه 窗口弹出时 ， 将会发现页面的 将会发现页面的 img 并没有加载。
： ：
这是文字
Showimg: 112 و 0
showtext: 18
1 、此处 IMG 的默认宽度为 112 ， 但是我链接的 IMG 的宽度为 1000 ،
2 、此处 IMG 的高度为 0 ،
现做如下改动
复制代码代码如下:
<img src = "الصور /flash_pic.gif" />
： ：
这是文字
showimg: 1000 و 0
showtext: 18
IMG 的高度仍旧为 0
当为其设置高度之后 ， 就可以正常获取到。
： ： 在 chrome 下 ， img 不设置宽高 ， 通过 jQuery 的 width () 和 height () 获取到的 img 的宽高将为 112px * 0
： ： 希望哪位大侠有好办法 ， 能在不设置宽高情况下获取到正确的值。