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

中的代码