快捷導(dǎo)航

js的image onload事件使用遇到的問(wèn)題

更新時(shí)間：2014年07月15日 17:35:27 投稿：whsnow

這篇文章主要介紹了js的image onload事件使用遇到的問(wèn)題,需要的朋友可以參考下

關(guān)于 Image 對(duì)象 onload 事件。

想獲取的是 image 的寬高值。所以用 onload 方法。另外是獲取的遠(yuǎn)程圖片。

但I(xiàn)E在第二次顯示圖片的時(shí)候，總是不走 onload 方法。代碼：

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
var iheight = img.height;
var iwidth = img.width;
};

后來(lái)給xiaoniu同學(xué)看了后才知，img.src 應(yīng)該是放在 onload 方法后邊的。。

后來(lái)google下，才發(fā)現(xiàn)原來(lái)此類(lèi)問(wèn)題大家多有總結(jié)。。我真是外行。。

因?yàn)?IE 在加載緩沖區(qū)數(shù)據(jù)的時(shí)候，沒(méi)有觸發(fā) onload 方法，導(dǎo)致該事件內(nèi)代碼被忽略。FF 在加載緩沖區(qū)數(shù)據(jù)的時(shí)候，順帶觸發(fā)了 onload 方法。

其實(shí)還有點(diǎn)，就是onload的時(shí)候還要對(duì)圖片進(jìn)行自適應(yīng)調(diào)整，就發(fā)現(xiàn)，需要再 onload 里還要對(duì)元素設(shè)置一次img.src。。。要不它只記得第一張圖。。。

對(duì)這個(gè)緩存區(qū)還是一知半解。繼續(xù)。

您可能感興趣的文章:

image
onload

相關(guān)文章

JavaScript動(dòng)態(tài)生成表格的示例
這篇文章主要介紹了JavaScript動(dòng)態(tài)生成表格的示例，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
詳解JavaScript Alert函數(shù)執(zhí)行順序問(wèn)題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問(wèn)題，對(duì)此感興趣的同學(xué)，可以實(shí)驗(yàn)一下，以便解決平時(shí)遇到的一些奇怪的問(wèn)題。
2021-05-05
js加入收藏以及使用Jquery更改透明度
本文為大家提供一段加入收藏的js代碼以及實(shí)用Jquery更改對(duì)象透明度的代碼，需要的朋友可以參考下
2014-01-01
基于JavaScript實(shí)現(xiàn)Tab選項(xiàng)卡切換效果
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)Tabs選項(xiàng)卡切換效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
原生js實(shí)現(xiàn)倒計(jì)時(shí)--2018
本文主要介紹了原生js實(shí)現(xiàn)倒計(jì)時(shí)--2018的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
用JS得到字符串中出現(xiàn)次數(shù)最多的字母
一個(gè)字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出現(xiàn)次數(shù)最多的字母和出現(xiàn)的次數(shù)。經(jīng)典的解答思路為：取出字符串的第一個(gè)字符（首字母），利用的字符串的 replace 方法將符合正則表達(dá)式（第一個(gè)字符）替代為空，此字母出現(xiàn)的次數(shù)為原始的字符串長(zhǎng)度減去替代后的字符串長(zhǎng)度。循環(huán)迭代找出長(zhǎng)度最長(zhǎng)的字母。
2008-03-03
淺談JavaScript 中的延遲加載屬性模式
改善性能的最好方法之一是避免重復(fù)兩次相同的工作。因此，只要可以緩存結(jié)果供以后使用，就可以加快程序的速度。延遲加載屬性模式技術(shù)使任何屬性都可以成為緩存層以提高性能。這里說(shuō)到的延遲加載屬性模式就是利用的訪問(wèn)器屬性，將計(jì)算昂貴的操作推遲到需要時(shí)再使用
2021-06-06
JavaScript 懸浮窗口實(shí)現(xiàn)代碼
主要是window.onscroll的運(yùn)用
2009-02-02
JS面向?qū)ο缶幊讨畬?duì)象使用分析
在AJAX興起以前，很多人寫(xiě)JS可以說(shuō)都是毫無(wú)章法可言的，基本上是想到什么就寫(xiě)什么，就是一個(gè)接一個(gè)的函數(shù)function，遇到重復(fù)的還得copy，如果一不小心函數(shù)重名了，還真不知道從何開(kāi)始查找錯(cuò)誤
2010-08-08
JS實(shí)現(xiàn)OCX控件的事件響應(yīng)示例
JS支持OCX控件的事件（event），當(dāng)OCX控件定義的事件發(fā)生時(shí)，JS可以捕獲該事件并對(duì)事件進(jìn)行相應(yīng)的處理
2014-09-09