onload（）在Firefox中不起作用

Question

我正在使用下面的onload（）。它適用於Chrome和IE。但它在FireFox中不起作用。這裏是一個Fiddle

var myVar = document.getElementById('container').innerHTML; 
var urlVar = "data:image/svg+xml;charset=utf-8,"+ encodeURIComponent(myVar); 
var newIm = new Image(); 

newIm.onload = function(){ 
    alert("works"); //doesn't work in FireFox 
} 
newIm.src = urlVar; 

我怎樣才能使這項工作在Firefox？

Answer 1

試試這個代碼：

var myVar = document.getElementById('container').innerHTML; 
var urlVar = "data:image/svg+xml;charset=utf-8,"+ encodeURIComponent(myVar); 
var newIm = new Image(); 

function imagesLoaded() { 
alert("works"); 
} 

newIm.onLoad=imagesLoaded(); 
newIm.src = urlVar; 

這對我firfox工作。

這是代碼瞬間拍攝，它是如何工作的：

另請參閱Fiddle