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.Вот хороший пример того, как вы должны это сделать:

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

Надеюсь, это поможет.

Боб

Answer 2

Убедитесь, что ваш скрипт появляется в html после вашего bufferTopic элемента. Или выполните его в window.onLoad.

Кроме того, более простой способ предварительной загрузки изображений с использованием чистого JavaScript:

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

Answer 3

Вы вводите JavaScript на страницу после его загрузки.

Он не будет выполнен только потому, что теперь находится на странице.

Вы можете прочитать о модели выполнения javascript здесь .

Не уверен, почему вы не можете просто написать свой javascript после вставки изображения:

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