`

IE 6 图片<img/> 写入html ，图片不显示问题

IEHTMLJavaScript浏览器Blog 
阅读更多

图片html，如<img src="xxx.jpg">已经插入到页面中，但是图片没有显示，

IE7，火狐等浏览器都正常，要右键-“显示图片”，图片才显示，很奇怪的。


去搜了下，正好有位大哥遇到过类似的问题。

他说搜国内的相关文章，都是一坨大鸟屎，最后靠国外文章解决，说几个吃饱了没事干的老外反复试验，发现这是IE6 一个底层机制的bug，说是 <a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新图片的加载就被阻止了。


一看自己的，确实使用a标签触发事件的：<a href="javascript:void(null);" class="btn" id="insert_pic">插入图片</a>

他还说老外提出很多稀奇古怪的方法解决这个问题。我虽然是比较感兴趣，但是懒得找这篇文章，就按照这位大哥的说法改了一下。将a标签改为其他标签，我就改成了属性相近的span标签，结果就ok了。

<span id="append_finish" class="append_finish">图片插入完毕！</span>

 

转自：http://hi.baidu.com/iamzhangxinxu/blog/item/d5f294086482d18bd0581b75.html

 

另外：把方法卸载 href 里面也可行。如：<a href="javascript:operatepic(xx); " class="btn" id="insert_pic">插入图片</a>

  • 大小: 6.3 KB
分享到：
| jquery 父窗口 子窗口 相关操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    图片转成Base64字符串,供<img/>使用

    将图片转成Base64字符串。供前端Html &lt;img/&gt; 使用 将转换结果替换至src的值就OK了

    学生网页制作

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;

    vcg(验证码控件)

    &lt;br/&gt; }&lt;br/&gt;　else&lt;br/&gt; {&lt;br/&gt;　if (Use_Poemtxt)&lt;br/&gt; {&lt;br/&gt;　if (poem_available)&lt;br/&gt; {&lt;br/&gt;　if (random.Next(2) == 1)&lt;br/&gt; {&lt;br/&gt;Pick_result = Pick_poem(charnum);&lt;br/&gt;while (Pick_result == null)&lt;br/...

    jQuery的滑动门选项卡上下滚动切换特效.zip

     &lt;dd&gt;&lt;a &gt;&lt;div class="mouse_s"&gt;&lt;img /&gt;&lt;p&gt;1瑞马公司&lt;/p&gt;&lt;/div&gt;&lt;div class="hover_s"&gt;&lt;img /&gt;&lt;p&gt;1瑞马公司&lt;/p&gt;&lt;/div&gt;&lt;/a&gt;&lt;/dd&gt;  &lt;dd&gt;&lt;a &gt;&lt;div class="mouse_s"&gt;&lt;img /&gt;&lt;p&gt;展览项目&lt;/p&gt;&lt;/div&gt;&lt;div class="hover_s...

    jQuery过滤重复图片筛选代码.zip

    &lt;li data_arry='6'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry='7'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry='8'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry='9'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry='5'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry='6'&gt;&lt;img &gt;&lt;/li&gt; &lt;li data_arry=...

    7code反间谍综合管理软件

    [img]...&lt;br/&gt;&lt;br/&gt;界面预览：&lt;br/&gt;&lt;br/&gt;[img]http://7code.easycode.com.cn/desk-top/01.jpg[/img]&lt;br/&gt;&lt;br/&gt;[img]http://7code.easycode.com.cn/desk-top/02.jpg[/img]&lt;br/&gt;&lt;br/&gt;[img]...

    jQuery的图片手风琴滑动展开特效.zip

     &lt;div class="imgBot"&gt;&lt;a &gt;&lt;p class="bt_1"&gt;服饰&lt;/p&gt;&lt;p class="bt_2"&gt;&lt;span&gt;封面明星故事&lt;/span&gt;&lt;span&gt;2015春夏趋势&lt;/span&gt;&lt;span&gt;我爱海淘&lt;/span&gt;&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;  &lt;/li&gt;  &lt;li&gt;   &lt;div class="imgTop"&gt;&lt;img /&gt;...

    保持原图比例放大缩小图片

    &lt;title&gt;最新javascript自动按比例显示图片，按比例压缩图片显示&lt;/title&gt; &lt;script language="javascript" src="./resizepic.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;br /&gt; 原图显示（534 X 800）&lt;br /&gt; onload=...

    JavaScript做的滑动菜单menu

    --&lt;br/&gt;第二步：建立菜单项目---&lt;br/&gt; &lt;br/&gt; 用法:&lt;br/&gt; &lt;实体变量&gt;.insertmenu(类型,Html代码,链接网址,目标)&lt;br/&gt; 类型：０代表菜单标题，１代表树型菜单子项目，２代表横向菜单子项目&lt;br/&gt; Html代码：显示在菜单...

    javsropt代码

    &lt;input style="ime-mode:disabled"&gt; 关闭输入法&lt;br/&gt;&lt;br/&gt;光标是停在文本框文字的最后 &lt;br/&gt;&lt;script language="javascript"&gt; &lt;br/&gt;function cc() &lt;br/&gt;{ &lt;br/&gt;var e = event.srcElement; &lt;br/&gt;var r =e....

    光华反病毒软件

    软件名称：光华反病毒软件&lt;br/&gt;软件版本：2.0.3302.9&lt;br/&gt;logo图片：http://www.viruschina.com/img/logo50.gif&lt;br/&gt;产品界面：http://www.viruschina.com/face/Rygh_vista.jpg&lt;br/&gt;软件分类：网络安全-&gt;防毒杀毒&lt;br...

    软件设计师经典教材归纳

    &lt;strong&gt;专题九：数据结构知识.rar&lt;/strong&gt; (2006-3-14 09:20, 254.05 K)&lt;br /&gt;&lt;font size="2"&gt;&lt;span class="smalltxt"&gt;该附件被下载次数 706&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img alt="" align="absMiddle" border="0" ...

    h4界面开发

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/img03.jpg" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/img04.jpg" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/img05.jpg" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;!--/wsfw --&gt; &lt;h1 ...

    jQuery兼容电脑手机端的图片画廊插件.zip

    &lt;img /&gt; &lt;figure&gt;This is dummy caption.&lt;/figure&gt; &lt;/a&gt; &lt;a &gt;  &lt;img /&gt;  &lt;figure&gt;It's a dummy caption. He who searches for meaning here will be sorely disappointed.&lt;/figure&gt; &lt;/a&gt; &lt;a &gt;  &lt;img /&gt; ...

    jQuery-仿百度图片瀑布流代码.zip

    &lt;div class="title"&gt;6&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; &lt;img &gt; &lt;div class="title"&gt;7&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; &lt;img &gt; &lt;div class="title"&gt;8&lt;/div&gt; &lt;/div&gt; &lt;div class="photo"&gt; ...

    jQuery兼容手机端的响应式倾斜图片幻灯片插件.zip

    &lt;li class="focalPoint"&gt;&lt;a &gt;•&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a &gt;•&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a &gt;•&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a &gt;•&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;button class="sldr-prv sldr-nav prev"&gt;Prev&lt;/button&gt; &lt;button class="sldr-nxt sldr-nav next"&gt;...

    蔚蓝网上书店首页代码

    &lt;a href="#" target="_self"&gt;常见问题&lt;/a&gt;&lt;br /&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li&gt;&lt;a href="#" target="_self"&gt;礼品卡&lt;/a&gt;&lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li&gt;&lt;a href="#" target="_self"&gt;我的订单&lt;/a&gt;&lt;/li&gt; &lt;li&gt;|&lt;/li&gt; &lt;li...

    CSS3的鼠标触发显示二维码和二级菜单特效.zip

    &lt;img &gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="tips-area buttons-area btn-margin"&gt; &lt;button class="custom-button download has-tips"&gt; 按系统下载 &lt;/button&gt; &lt;div class="buttons-tip"&gt; &lt;a &gt; &lt;button class="custom...

    天堂鸟中文DOS工具盘

    ║ ║&lt;br/&gt; ║ ╰═══════════════╯ ║&lt;br/&gt;　║ ║&lt;br/&gt;　║声明:本程序由天堂鸟网络工作室小力提供,不承担技术及版权问题║&lt;br/&gt; ║说明：要获得更多的程序或最新版本请随时给我发E-MAIL! ║&lt;br/&gt; ...

Magicbox
Global site tag (gtag.js) - Google Analytics