<div class="codetitle"> <span><a style="CURSOR: pointer" data="16354" class="copybut" id="copybut16354" onclick="doCopy('code16354')"><u>复代码码</u></a></span> 代码如下:</div> <div class="codebody" id="code16354"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><머리> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>chrome下img加载对height()적影响</title> <br><style type="text/css"> <br>.floatleft { <br>float:left; <br>} <br></style> <br><script type="text/javascript" src="js/jQuery-1.7.1.js"></script> <br><script type="text/javascript"> <br>$(function() { <br>var img_h = $('.showimg').height(); <br>var img_w = $('.showimg').width(); <br>var text_h = $('.showtext').height(); <br>$('.showresult').html('showImg:' img_w '&' img_h '<br />showText:' text_h); >alert('showImg:' img_w '&' img_h '<br />showText:' text_h) <br>}); <br></script> <br></head> <br><!-- <BR>작가: 北京-南宫 <BR>日期:2012-07-25 <BR>--> <br><본문> <br><div class="floatleft"> <br><div class="showimg"> <br><img src="images/flash_pic.gif" /> <br></div> <br><div class="showtext"> <br>这是文字 <br></div> <br><div class="showresult"> <br>这里显示结果。 <br></div> <br></div> <br></body> <br></html> # >这是文字 <br>showImg:112&0 <br>showText:18 </div> <br>1、此处 img 默认宽島为112，但是我链接的img的宽島为1000, <br><br>2、此处img적고도为0, <br><br>现做如下改动 <br><br><br><br><br>复主代码<br><br><br> 代码如下:<br><div class="codetitle"> <span><img src="images/flash_pic.gif" width="1000" /> <a style="CURSOR: pointer" data="8068" class="copybut" id="copybut8068" onclick="doCopy('code8068')"><u> </u>运行结果为： </a></span>这是文字 </div>showImg:1000&0 <div class="codebody" id="code8068">showText:18 <br>img의 높은 도仍旧为0 <br> </div>当为其设置高度之后 为其设置高度之后, 就可以正常获取到。 <br> 结论 ： 在 크롬 下, img 不设置宽高, 通过 jQuery 的 width () 和 height () 获取到的 img 的宽高将为 112px * 0 <br><br>求助：希望哪位大侠有好办法，能在不设置宽高情况下获取到正确的值。
