jquery在Chrome下獲取圖片的長(zhǎng)寬問題解決
更新時(shí)間:2013年03月20日 15:11:12 作者:
需要獲得圖片的長(zhǎng)寬,在IE、FireFox下均正常,就TMD在Chrome中不行,有人說是Chrome版本的問題,最終終于找到了解決方法,在這與大家分享下
遇到個(gè)需要獲得圖片的長(zhǎng)寬的問題。在IE、FireFox下均正常,就TMD在Chrome中不行,網(wǎng)上非有人說可以,然后還歸結(jié)為是不是Chrome版本問題。
終于的終于,找到了答案。
在大多數(shù)情況下,把js代碼放到圖片標(biāo)簽的后面:
<img id="test" src="**.jpg" />
<script>
alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE>
<PRE></PRE>
這樣是可以得到圖片的寬度的,但是在Chrome下就是不行。
<P></P>
<P>甚至在jquery中:</P>
<P></P>
<PRE class=html name="code">$(document).ready(function(){
alert(document.getElementById("test").width;
});</PRE><BR>
這樣,Chrome照樣說不行,我C。
<P></P>
<P>然后,只有下面的方法Chrome才點(diǎn)頭:</P>
<P style="TEXT-ALIGN: left"><SPAN style="LINE-HEIGHT: 21px"></SPAN></P>
<PRE class=html name="code">$(window).load(function(){
alert($("#test").width());
});</PRE><BR>
<BR>
<P></P>
<P><BR>
<BR>
</P>
<P><BR>
</P>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
終于的終于,找到了答案。
在大多數(shù)情況下,把js代碼放到圖片標(biāo)簽的后面:
復(fù)制代碼 代碼如下:
<img id="test" src="**.jpg" />
<script>
alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE>
<PRE></PRE>
這樣是可以得到圖片的寬度的,但是在Chrome下就是不行。
<P></P>
<P>甚至在jquery中:</P>
<P></P>
<PRE class=html name="code">$(document).ready(function(){
alert(document.getElementById("test").width;
});</PRE><BR>
這樣,Chrome照樣說不行,我C。
<P></P>
<P>然后,只有下面的方法Chrome才點(diǎn)頭:</P>
<P style="TEXT-ALIGN: left"><SPAN style="LINE-HEIGHT: 21px"></SPAN></P>
<PRE class=html name="code">$(window).load(function(){
alert($("#test").width());
});</PRE><BR>
<BR>
<P></P>
<P><BR>
<BR>
</P>
<P><BR>
</P>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
相關(guān)文章
JavaScript常見數(shù)組方法之如何轉(zhuǎn)置矩陣
這篇文章主要給大家介紹了關(guān)于JavaScript常見數(shù)組方法之如何轉(zhuǎn)置矩陣的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03簡(jiǎn)單的js計(jì)算器實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何實(shí)現(xiàn)簡(jiǎn)單js計(jì)算器的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10javascript 彈出窗口中是否顯示地址欄的實(shí)現(xiàn)代碼
程序中通過點(diǎn)擊一個(gè)“發(fā)貨提醒”鏈接彈出另一個(gè)窗口,使用的方法是用javascript 的openUrl()方法。2011-04-04微信小程序?qū)崿F(xiàn)菜單左右聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)菜單左右聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Javascript創(chuàng)建自定義對(duì)象 創(chuàng)建Object實(shí)例添加屬性和方法
創(chuàng)建自定義對(duì)象的最簡(jiǎn)單的方式就是創(chuàng)建一個(gè)Object實(shí)例,然后再為它添加屬性和方法2012-06-06字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制
這篇文章主要給大家介紹了關(guān)于字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題詳解
最近在做一個(gè)web的數(shù)據(jù)統(tǒng)計(jì)部分用到了Echart,下面這篇文章主要給大家介紹了關(guān)于echarts圖形x、y坐標(biāo)文字設(shè)置間隔顯示及相關(guān)問題的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08