<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>환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <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> <br><!-- <BR>작가: 北京-南宫 <BR>日期:2012-07-25 <BR>--> <br> <br><div class="floatleft"> <br><div class="showimg"> <br><img src="/static/imghwm/default1.png" data-src="images/flash_pic.gif" class="lazy" alt="chrome_javascript 기술에서 height()에 대한 img 로딩의 영향에 대한 예제 토론" > <br> </div> <br><div class="showtext"> <br>这是文字 <br> </div> <br><div class="showresult"> <br>这里显示结果。 <br> </div> <br> </div> <br> </div>