не удалось получить обновленный innerhtml div при просмотре исходного кода

Question

Я делаю мой div с помощью JavaScript из кода на стороне сервера. Скрипт при рендеринге на clitn выполняет другой вызов асинхронно и получает некоторые данные (изображение) для отображения в зависимости от отправленных параметров. Однако, когда я пытаюсь увидеть исходный код страницы, у меня не появляется «тег изображения», но когда я вижу его через панель инструментов Firebug или IE Developer, я вижу изображение… Когда я пытаюсь получить объект изображения через JavaScript, он ничего не возвращает.

Пожалуйста, дайте мне знать, как я должен получить указание, было ли изображение отрисовано на клиенте или нет ??

Answer 1

Когда вы просматриваете исходный код в браузере, вы видите исходный код в том виде, в котором он был получен. Все, что изменяет его на странице, не отображается. Вы можете увидеть изменения в HTML / DOM, просмотрев код на одной из панелей инструментов браузера, таких как панель инструментов IE Dev, панель инструментов разработчика в Chrome / Safari или Firebug.

Чтобы узнать, визуализировалось ли изображение, я полагаю, что вы можете связать событие загрузки изображения, чтобы сообщить вашему коду, что оно действительно было загружено. Событие JQuery .load () - это то, что я использовал для этого в прошлом, но есть предостережения, см. http://api.jquery.com/load-event/

Answer 2

просмотр источника в контекстном меню показывает код HTML, отправленный сервером.Если вы хотите увидеть фактический HTML, вы можете:* используйте Firebug "inspect Element".

используйте скрипт вроде: document.getElementsByTagName ('html') [0] .outerHTML;

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

<img src="there.jpg" onload="triggeredCode()" />

Answer 3

Я думаю, вы это узнаете, если он правильно отображается после загрузки страницы ...