jquery在Chrome下獲取圖片的長(zhǎng)寬問(wèn)題解決
更新時(shí)間：2013年03月20日 15:11:12 作者：
需要獲得圖片的長(zhǎng)寬，在IE、FireFox下均正常，就TMD在Chrome中不行，有人說(shuō)是Chrome版本的問(wèn)題，最終終于找到了解決方法，在這與大家分享下
遇到個(gè)需要獲得圖片的長(zhǎng)寬的問(wèn)題。在IE、FireFox下均正常，就TMD在Chrome中不行，網(wǎng)上非有人說(shuō)可以，然后還歸結(jié)為是不是Chrome版本問(wèn)題。
終于的終于，找到了答案。
在大多數(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照樣說(shuō)不行，我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照樣說(shuō)不行，我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)文章
EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)
這篇文章主要介紹了EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(2)的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要給大家分享了js中toString方法的3個(gè)作用，文章圍繞js中toString方法的相關(guān)資料展開(kāi)全文內(nèi)容，需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2021-12-12
JS實(shí)現(xiàn)動(dòng)畫(huà)中的布局轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)動(dòng)畫(huà)中的布局轉(zhuǎn)換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Javascript?promise.all的用法介紹(簡(jiǎn)潔易懂)
這篇文章主要給大家介紹了關(guān)于Javascript?promise.all用法的相關(guān)資料,Promise.all()方法是一個(gè)Promise對(duì)象方法,可以將多個(gè)Promise實(shí)例包裝成一個(gè)新的Promise對(duì)象,最終返回一個(gè)數(shù)組,需要的朋友可以參考下2023-07-07
微信小程序簡(jiǎn)單實(shí)現(xiàn)form表單獲取輸入數(shù)據(jù)功能示例
這篇文章主要介紹了微信小程序簡(jiǎn)單實(shí)現(xiàn)form表單獲取輸入數(shù)據(jù)功能,涉及微信小程序針對(duì)form表單的事件綁定及數(shù)據(jù)獲取等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例
這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)亮燈泡特效示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
這ES6允許為函數(shù)參數(shù)設(shè)置默認(rèn)值，即直接寫(xiě)在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認(rèn)值語(yǔ)法的相關(guān)資料，對(duì)大家具有一定的參考價(jià)值，需要的朋友下面來(lái)一起看看吧。2017-05-05
本文為大家介紹下javascript中typeof的使用，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
IE FF都可以直接通過(guò)Frame的Name來(lái)訪問(wèn),但是FrameSet不支持name屬性2010-09-09
JS檢測(cè)是否可以訪問(wèn)公網(wǎng)服務(wù)器功能代碼
檢測(cè)AC是否放行成功，是否可以訪問(wèn)公網(wǎng)阿里云服務(wù)器。下面給大家分享JS檢測(cè)是否可以訪問(wèn)公網(wǎng)服務(wù)器功能代碼，需要的的朋友參考下吧2017-06-06