2012-01-24 47 views
0

我正在渲染我的div與從服務器端代碼的JavaScript。 腳本在clitn上呈現時會異步調用另一個調用,並根據發送的參數獲取要顯示的一些數據(圖像)。但是,當我嘗試看到頁面的源代碼時,我沒有看到它的「圖像標籤」,但是當我通過螢火蟲或IE開發人員工具欄看到它時,我看到圖像.. 當我嘗試通過JavaScript獲取圖像對象,它不會返回任何東西。無法獲得div的更新innerhtml查看來源

請讓我知道我應該如何得到一個指示圖像是否已呈現在客戶端?

回答

1

當你在瀏覽器中查看源代碼,你能看到的源代碼,因爲它是收到。沒有顯示在頁面中修改它的任何內容。您可以通過查看瀏覽器開發工具欄中的代碼(如IE開發工具欄,Chrome/Safari中的開發人員工具欄或Firebug)來查看HTML/DOM的更改。

要了解圖像是否已呈現我相信您可以綁定圖像的加載事件以告訴您的代碼確實已加載。 JQuery的.load()事件是我過去用過的,但有一些注意事項,請參閱http://api.jquery.com/load-event/

0

我想你會知道,如果頁面加載之後正確顯示...

1

在上下文菜單中查看源代碼顯示服務器發送的HTML代碼。如果你想看到實際的HTML,系列化,您可以:

  • 在你的頁面中選擇部分,並使用「視圖選擇源」(在FF,不知道名字的)
  • 使用Firebug的「檢查元素」。
  • 使用如下腳本:document.getElementsByTagName('html')[0] .outerHTML;

但要知道圖像是否已經被加載與否,你應該使用Load事件處理程序,如:

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