onload() не работает в Firefox

Question

Я использую нижеследующий onload(). Он отлично работает на хроме и 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