Javascript innerHTML charge

Question

j'ai le code folowing:

window.document.getElementById("bufferTopic").innerHTML = "<img src='einstein/einstein.png' width='800' height='600'><script type='text/javascript' language='javascript'>alert('test');</script>" 

je l'ai dans un fichier de script. l'idée est de mettre en cache des images à l'intérieur d'un div et quand il termine exécuter un script.

mais cela ne fonctionne pas.

commentaires sur pourquoi cela ne fonctionne pas?

merci.

EDIT: le script charge bien l'image.

Answer 1

Vous injectez du javascript dans la page après son chargement.

Il ne s'exécutera pas simplement parce qu'il est maintenant sur la page.

Vous pouvez lire à propos du modèle d'exécution javascript here.

Je ne sais pas pourquoi vous ne pouvez pas simplement écrire votre javascript après insérer l'image:

window.document.getElementById("bufferTopic").innerHTML = "<img src='einstein/einstein.png' width='800' height='600'>"; 
alert('test'); 

Answer 2

Le problème que vous rencontrez est lié à la façon dont vous injecter le javascript. Voici une bonne course vers le bas de la façon dont vous devriez faire ceci:

http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html

Hope this helps.

Bob

Answer 3

Assurez-vous que votre script apparaît dans le code HTML après votre élément bufferTopic. Ou, exécutez-le en window.onLoad.

En outre, un easier way to preload images est avec javascript pur:

var image = new Image(); 
image.src = 'einstein/einstein.png';