javascript - onload() 在 Firefox 中不起作用

Question

我正在使用下面的 onload()。它在 chrome 和 IE 上完美运行。但它在 FireFox 中不起作用。这是一个小提琴

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中的代码