无法在视图源上获取 div 更新的内部 HTML



我使用服务器端代码中的javascript来呈现我的div。当在clitn上呈现时,脚本异步地进行另一个调用,并根据发送的参数获取一些要显示的数据(图像)。然而,当我试图查看页面的源代码时,我没有得到其中的"图像标签",但当我通过firebug或IE开发者工具栏看到它时,我可以看到图像。。当我试图通过javascript获取图像对象时,它不会返回任何内容。

请让我知道我应该如何得到一个指示,图像是否已经在客户端渲染??

当您在浏览器中查看源代码时,您可以看到收到的源代码。页面中任何修改它的内容都不会显示。您可以通过查看浏览器开发工具栏(如IE开发工具栏、Chrome/Safari中的开发人员工具栏或Firebug)中的代码来查看HTML/DOM的更改。

为了了解图像是否已渲染,我相信您可以绑定图像的加载事件来告诉您的代码它确实已加载。JQuery的.load()事件是我过去使用过的,但也有一些注意事项,请参阅http://api.jquery.com/load-event/

上下文菜单中的视图源代码显示服务器发送的HTML代码。如果你想看到实际的HTML,序列化你可以:

  • 在页面中选择零件并使用"视图选择源"(在FF中,不确定名称)
  • 使用Firebug"inspect Element"
  • 使用如下脚本:document.getElementsByTagName('html')[0].outerHTML

但是要知道图像是否已加载,您应该使用加载事件处理程序,如:

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

如果页面加载后正确显示,我想你会知道的。。。

最新更新