`
axl234
  • 浏览: 268820 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE6下jquery js将图片写入html图片不显示的问题

阅读更多

图片html已经插入到页面中,但是图片没有显示,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>

 

或者

<a onclick="javascript:fun();return false;">加return false</a>

分享到:
评论

相关推荐

    jQuery图片上传压缩预览代码.zip

    【jQuery图片上传压缩预览代码】是一个利用HTML5特性实现的JavaScript库,它结合了jQuery的优势,为用户提供了一种高效且便捷的图片上传、压缩和预览的功能。这个功能在现代网页应用中非常常见,特别是在涉及到用户...

    前端项目-jquery.fileDownload.zip

    5. **兼容性广泛**:jQuery.filedownload对多种浏览器进行了优化,包括Chrome、Firefox、Safari、IE9+等,确保在主流浏览器上的稳定运行。 项目中的"jquery.fileDownload-master"文件夹通常包含以下内容: - **...

    完美解决IE6不支持hover的方法

    在早期的网页设计中,Internet Explorer 6 (简称IE6) 是一个常见的浏览器,但它存在很多兼容性问题,其中就包括对CSS:hover伪类的不完全支持。在其他现代浏览器中,`:hover`伪类允许开发者为鼠标悬停在元素上时应用...

    jquery 弹出窗口,可缩放,可拖拽

    artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口 自适应内容 artDialog的特殊UI框架能够适应内容...并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。

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

    - 使用jQuery或其他JavaScript库发送异步请求,将图片数据传到服务器。 5. **后端处理**: - 在.NET的WebAPI或MVC控制器中,接收前端发送的Base64字符串,将其解码为二进制流。 - 将二进制流保存到服务器的指定...

    使用JavaScript保存文本文件到本地的两种方法

    但是JavaScript不仅仅局限于网页上的交互,它还可以执行文件保存操作,即将数据保存到用户的本地计算机上。本文将介绍如何使用JavaScript保存文本文件到本地的两种方法,并将分别解释每种方法的工作原理及其应用场景...

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

    本教程将聚焦于一个实用的jQuery功能——动态信息提示框(Tips)效果,它常用于增强用户体验,提供即时反馈,特别是在超级链接和图片上。 提示框(Tips)通常是一个小型的弹出窗口,显示与用户交互元素相关的额外...

    ASP.NET 图片预览

    ASP.NET 图片预览技术是Web开发中一个实用的功能,特别是在用户需要上传图片并即时查看效果的场景下。本文将详细讲解如何在ASP.NET环境中实现图片上传后的即时预览,以及考虑不同浏览器的兼容性问题。 首先,我们...

    JS(JQUERY)操作框架页面

    ### JS (jQuery) 操作框架页面的关键知识点 在Web开发中,经常需要处理框架页面之间的交互,例如在父页面与子框架之间交换数据或调用函数等。本文将基于提供的内容,详细介绍如何使用JavaScript和jQuery来操作框架...

    jquery页面宽度调整插件.rar

    在网页设计领域,响应式布局是现代网站不可或缺的一部分,它使得页面能够根据用户设备的屏幕尺寸自动调整布局,提供良好的用户体验。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化这一步骤。本文将深入...

    jsp上传图片预览

    在用户选择图片后,JavaScript可以通过FileReader接口读取图片文件,将其转换为Base64字符串,并将该字符串插入到一个`&lt;img&gt;`标签的`src`属性中,从而实现在页面上的预览。例如,以下是一段简单的JavaScript代码示例...

    用div+jq高仿ie6的select表单随内容增加

    在IT行业中,尤其是在前端开发领域,常常会遇到需要在不支持某些高级特性的浏览器,如IE6,中实现复杂交互效果的问题。标题“用div+jq高仿ie6的select表单随内容增加”所涉及的技术点是使用HTML `div` 元素和jQuery...

    兼容各大浏览器的浮动广告JS代码

    你需要在不同的浏览器(如Chrome、Firefox、Safari、Edge和IE)以及不同设备(桌面、平板、手机)上进行测试,以确保浮动广告在各种环境下都能正常显示和运行。 总之,浮动广告JS代码的实现涉及HTML、CSS和...

    jQuery顶部可关闭提示框代码,点击“了解更多”之后,跳转到新页面以后写入cookie,不再提示该信息。点击“我要拒绝”

    在本文中,我们将深入探讨如何使用jQuery实现一个可关闭的顶部提示框,同时结合Cookie功能,以便用户在点击“了解更多”后跳转到新页面,且不再显示此提示信息。如果用户选择“我要拒绝”,则仅在当前会话中隐藏提示...

    基于jQuery实现响应式圆形图片轮播特效

    - 在使用mislider插件之前,需要引入一系列核心文件,包括jQuery库、html5shiv.js(用于兼容旧版IE浏览器)、mislider的核心js文件以及相关的样式表文件。这些文件共同构成了轮播特效的基础。 - **HTML结构** - ...

    innerHTML与jquery里的html()区别介绍

    然而,在 Internet Explorer 中,对于某些特定元素如 `tbody` 和 `tr`,`innerHTML` 在 IE 下是只读的,这意味着你不能直接通过 `innerHTML` 来写入内容,这样做会导致“目标对象错误”。 jQuery 的 `.html()` 方法...

    Html5前端图片文件上传

    HTML5前端图片文件上传是一项重要的Web开发技术,它允许用户在不离开网页的情况下直接上传图片,极大地提升了用户体验。这项技术的实现主要依赖于HTML5的新特性,如File API、FormData对象以及XMLHttpRequest Level ...

    IE10兼容性白皮书

    其他导致网页不能正常显示的原因:** - **可能原因:** - 图片、字体或样式表链接错误。 - JavaScript 错误阻止页面完全加载。 - **解决方案:** - 确保所有外部资源路径正确。 - 使用开发者工具检查并修复 ...

    JAVA_jsp任意浏览器的图片上传预览

    - **IE的复杂性**:IE的不同版本对HTML、JavaScript的支持程度有别,尤其是早期版本的IE(如IE6和IE7)在处理HTML5特性时尤为受限。 - **Firefox的更新迭代**:从Firefox 3.5到4.0,浏览器本身经历了重大的API更新,...

Global site tag (gtag.js) - Google Analytics