关键词搜索

源码搜索 ×
×

a链接触发javascript函数导致innerHTML里的图片无法加载

发布2011-05-09浏览3286次

详情内容

偶尔发现,IE6下,用javascript控制的div的innerHTML,如果里面有图片,居然无法显示!

 

难道用脚本来给innerHTML赋值就不行的?

 

其实不是。因为有些地方又可以。

 

google了一下,才知道,原来并不是用脚本给innerHTML赋值的问题,而是因为用了a链接,靠点击这个a链接来触发给innerHTML赋值的脚本,就导致了innerHTML里面包含的图片无法加载!

 

<a href="javascript:;" οnclick="LoadIt() "> 打开一个折叠项</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。

 

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载