复制代码代码如下:
<!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">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> Chrome
<style type = "text/css">
.floatleft {
フロート:左;
}
</style>
<script type = "text/javascript" src = "js/jquery-1.7.1.js"> </scrip>
<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>
<div>
<div>
<img src = "images /flash_pic.gif" />
</div>
<div>
这是文字
</div>
<div>
这里显示结果。
</div>
</div>
</body>
</html>
将此代码在chrome运行、当アラート窗口弹出时、将会发现页面的img并没有加载。
运行结果如下:
这是文字
Showimg:112&0
ショーテキスト:18
1 、此处IMG112、但是我链接的IMG的宽度为1000、
2 、此处IMG的高度为0、
现做如下改动
复制代码代码如下:
<img src = "images /flash_pic.gif" />
运行结果为:
这是文字
Showimg:1000&0
ショーテキスト:18
IMG的高度仍旧为0
当为其设置高度之后、就可以正常获取到。
结论:在chrome下、img不设置宽高、通过jquery
求助:希望哪位大侠有好办法、能在不设置宽高情况下获取到正确的值。