Javascript innerHTML加载

Question

我有以下代码：

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

我在脚本文件中有它。我们的想法是在div中缓存一些图像，并在完成后运行脚本。

但它不起作用。

关于它为什么不起作用的任何评论？

感谢。

编辑：脚本可以加载图像。

Answer 1

在加载后，您正在将javascript注入页面。

它不会因为它现在在页面上而执行。

您可以阅读有关javascript执行模型here的信息。

不确定为什么在插入图片后不能简单地写出你的javascript ：

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

Answer 2

您遇到的问题与注入javascript的方式有关。以下是您应该如何做到这一点的好消息：

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

希望这有帮助。

鲍勃

Answer 3

确保您的脚本显示在 bufferTopic元素之后的html 中。或者，在window.onLoad中执行。

此外，easier way to preload images使用纯javascript：

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