JavaScript＆IE7-為什么我的* .onload = function（）{}無法啟動？

Question

我有一個畫廊，我迅速將其編碼為一個小型網站，並且在Firefox 3和Safari 3下工作正常。 但是，當我在我最好的老朋友IE7上進行測試時，似乎沒有觸發imageVar.onload = function（）{//這里的代碼} ..我想使用它來停止加載效果並加載圖像。

請記住...

• 我知道縮略圖只是按比例縮小較大圖像的版本。 當圖像由客戶端完成后，我將創建適當的縮略圖。
• 這是我第一次嘗試在大多數情況下擺脫過程式JavaScript。.所以請輕松一點，並讓我知道我的代碼最爛的地方！

Answer 1

為了成功使用Image.onload，必須在設置src屬性之前注冊事件處理程序方法。

此問題中的相關信息：

用於圖像加載的JavaScript回調

Answer 2

由於實現方面的差異，跨瀏覽器事件支持並不是那么簡單。 由於您在網站上使用的是jQuery，因此最好使用其事件方法來規范瀏覽器支持：

代替：

 window.load = function(){ 
      //actions to be performed on window load
 }

 imageViewer.image.onload = function(){ 
     //actions to be performed on image load
 }

做：

$(window).load(function(){ 
    //actions to be performed on window load
});

 $(imageViewer.image).load(function(){ 
      //actions to be performed on image load
 });

Answer 3

只是為了增加Eran的建議，即使用jQuery的內置事件處理程序，您可以在加載文檔和創建DOM之后但在下載圖像之前運行代碼：

$(document).ready(function(){
   //your code
});