a链接触发js函数innerHTML中图片无法加载的解决方法

发布时间:2019-08-03编辑:脚本学堂
本文介绍下页面中点击a链接触发js函数innerHTML时,图片无法加载(不显示)的解决方法,有需要的朋友,可以参考下。

IE6下,用javascript控制的div的innerHTML,如果里面有图片,无法显示!
这并非用脚本给innerHTML赋值的问题,而是因为用了a链接,靠点击这个a链接来触发给innerHTML赋值的脚本,就导致了innerHTML里面包含的图片无法加载!

如下所示:
 

复制代码 代码示例:
<a href="javascript:;" onclick="LoadIt() ">测试下点击a链接打开图片</a>
<div id="divContent"></div>
……
<script type="text/javascript">
function LoadIt()
{
//加载之后,图片不显示
document.getElementById("divContent").innerHTML = "<img src='hi.jpg' />";
}
</script>

原因分析:
IE6,IE7的BUG。
点了这个a链接,靠它来激发函数LoadIt(),IE会以为已经跳走了,便将所有的请求都断掉,于是图片无法加载!或者只出来一小部分!

解决办法:
不要用a链接来触发,改用div或者span就可以了。