`

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

阅读更多

图片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
分享到:
评论

相关推荐

    HTML中的base标签 中文WORD版

    1. 不要在文档中动态写入`&lt;base&gt;`标签,而是将其静态地包含在`&lt;head&gt;`中。 2. 如果必须动态插入`&lt;base&gt;`标签,那么需要确保所有的外部资源都通过JavaScript动态加载,这样可以在`&lt;base&gt;`标签生效后再进行加载。 总...

    通过调用 JS 打印图片信息

    本文将深入探讨如何利用 JavaScript 实现这一功能,特别是在解决谷歌浏览器首次打印时图片不显示及去除IE浏览器页眉页脚的问题。 首先,我们需要理解为什么在某些情况下,如谷歌浏览器,图片在第一次打印时不显示。...

    HTML中的base标签使用详解

    为了避免这个问题,最简单的做法是不要动态插入`&lt;base&gt;`标签,而是将其静态写入HTML文档的`&lt;head&gt;`部分。如果确实需要动态设置,那就必须确保所有外部资源也通过JavaScript动态加载,以确保在`&lt;base&gt;`标签生效后再...

    HTML5基础知识.doc

    HTML5的文本元素如`&lt;a&gt;`配合`&lt;img&gt;`可以创建带链接的图像,`&lt;table&gt;`用于创建表格,`&lt;caption&gt;`定义表格标题,`&lt;th&gt;`定义表头,`&lt;tr&gt;`定义行,`&lt;td&gt;`定义单元格,`&lt;thead&gt;`和`&lt;tbody&gt;`分别定义表头和主体。`&lt;a&gt;`标签...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    &lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;H1&gt; First PHP page &lt;/H1&gt; &lt;HR&gt; &lt;? // Single line C++ style comment /* printing the message */ echo "Hello World!"; # Unix style single line comment ?&gt; &lt;/BODY&gt; &lt;/HTML&gt; 2.4 数据...

    兄弟连学员珍藏笔记

    9. **文本与布局**:使用`&lt;p&gt;`、`&lt;br&gt;`、`&lt;center&gt;`、`&lt;pre&gt;`、`&lt;li&gt;`、`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;hr&gt;`等标签进行文本格式化和布局,`&lt;h1&gt;`至`&lt;h6&gt;`表示不同级别的标题,`&lt;b&gt;`、`&lt;i&gt;`、`&lt;u&gt;`、`&lt;sub&gt;`、`&lt;sup&gt;`等标签用于...

    js图片上传前预览功能(兼容所有浏览器)

    而对于不支持File API的老版本IE(如IE6到IE9),我们使用滤镜技术`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来预览图片。这个滤镜可以加载并显示图片,但需要注意的是,由于安全限制,IE7以下的...

    delphi 中使用TWebBrowser控件

    SetNoteStr :=SetNoteStr+'&lt;br&gt;&lt;p align=center&gt;&lt;font size=+2 color=#FFFFFF&gt;点击左边按钮可查看对应图片&lt;/font&gt;&lt;/p&gt;'; StrStream:=TStringStream.Create(SetNoteStr); WebBrowser1.Navigate('about:blank'); ...

    javascript动态改变img的src属性图片不显示的解决方法

    本文将详细讨论在IE浏览器中,当通过JavaScript动态改变img的src属性时,图片不显示的问题以及相应的解决办法。 首先,问题的出现通常和使用了带有onclick事件的a标签有关。例如,开发者在页面中使用了一个a标签,...

    JS实现单图片预览,兼容IE、火狐

    它提供了`readAsDataURL()`方法,可以将图片文件转换为Base64编码的URL,这个URL可以直接插入`&lt;img&gt;`标签的`src`属性,从而实现预览。然而,IE9及以下版本不支持FileReader,所以我们需要有备选方案。 2. **IE兼容...

    清华版html教程

    例如,`&lt;a&gt;`标签的`href`属性用于指定链接的目标地址,`&lt;img&gt;`标签的`src`属性用于指定图片源。 4. **HTML5新特性**:HTML5引入了许多新的元素和功能,如`&lt;video&gt;`和`&lt;audio&gt;`用于媒体播放,`&lt;canvas&gt;`用于绘制图形...

    图片上传预览demo

    将这个URL赋值给`&lt;img&gt;`标签的`src`属性,就可以在前端显示图片。 4. **异步处理**:FileReader的读取操作是异步的,因此需要使用`onload`事件来处理读取完成后的结果。当`readAsDataURL()`执行完毕,`onload`事件...

    asp 编程 20 例

    If InStr(strBrowser, "MSIE") &lt;&gt; 0 Then Response.Redirect("ForMSIEOnly.htm") Else Response.Redirect("ForAll.htm") End If ``` 这段代码首先检查用户代理字符串中是否包含“MSIE”,即Internet Explorer的...

    播放Gif动画(使用WebBrowse控件)(28KB)

    可以创建一个简单的HTML页面,包含一个`&lt;img&gt;`标签来显示GIF。例如: ```html &lt;html&gt; &lt;body&gt; &lt;img src="path_to_your_gif.gif" /&gt; &lt;/body&gt; &lt;/html&gt; ``` 将`path_to_your_gif.gif`替换为你的GIF文件的实际...

    利用imgareaselect辅助后台实现图片上传裁剪

    如果原始图片过大,直接裁剪可能会导致裁剪区域与预览显示不一致。因此,我们需要先对图片进行等比例压缩。以下是一个Java示例,展示了如何使用等比例算法压缩图片: ```java public class ImageCompressor { ...

    JSP 获取本地图片的实例详解

    然而,IE浏览器的版本7以上对于安全性的考虑不再支持直接通过文件系统路径在`&lt;img&gt;`标签的`src`属性中引用本地图片文件。这是因为直接引用本地文件系统路径存在安全风险,比如跨站脚本攻击(XSS)等。因此,需要通过...

    Lotus domino 学习大全

    &lt;img src="@DbLookup([数据库名];[视图名];[文档唯一标识符];"图片字段名")" alt="图片描述"&gt; ``` #### 五、链接JS文件 **知识点概述:** 为了增强Web页面的功能性和交互性,通常会链接外部的JavaScript文件。在...

    .net图片异步上传并先预览

    - `load`事件触发后,将Base64编码的图片数据赋值给`&lt;img&gt;`标签的`src`属性,实现预览。 - 使用jQuery或其他JavaScript库发送异步请求,将图片数据传到服务器。 5. **后端处理**: - 在.NET的WebAPI或MVC控制器...

    jQuery实现实用的动态信息提示框tips效果可用在超级链接或图片上.zip

    &lt;img src="image.jpg" class="tip" data-tip="这是图片的提示信息" alt="图片"&gt; ``` 3. **CSS样式**:创建提示框的样式,包括位置、大小、颜色等。可以将样式写入到`&lt;style&gt;`标签内或外部CSS文件中。 ```css .tips...

Global site tag (gtag.js) - Google Analytics