zoukankan      html  css  js  c++  java
  • a链接触发javascript函数导致innerHTML里的图片无法加载

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

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

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

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

    <a href="javascript:;" onclick="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。

  • 相关阅读:
    CentOS 6.4 系统下的MySQL的主从库配置
    扫盲: JAVA基本常识
    ant学习
    Linux一些命令
    redis学习
    扫盲:注册表和绿色软件常识
    Java.前端.Layer.open.btn验证无效
    Java.数据结构.集合体系详解
    PageHelper踩坑
    Scrum.站立会议介绍
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258118.html
Copyright © 2011-2022 走看看