`
axl234
  • 浏览: 263745 次
  • 性别: 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的优势,为用户提供了一种高效且便捷的图片上传、压缩和预览的功能。这个功能在现代网页应用中非常常见,特别是在涉及到用户...

    如何解决IE兼容性问题

    这个问题源自于不同浏览器对HTML、CSS和JavaScript的解析标准不一致,导致网页在不同浏览器上显示的效果差异。解决IE浏览器的兼容性问题需要采取一系列策略和技术。 1. **使用`!important`修饰符** `!important` ...

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

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

    前端项目-jquery.fileDownload.zip

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

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

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

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

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

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

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

    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...

    ASP.NET 图片预览

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

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

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

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

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

    Html5前端图片文件上传

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

    jQuery artZoom 微博贴图缩放,旋转代码

    摘要:脚本资源,jQuery,artZoom,图片缩放,图片旋转 artZoom -更快的微博贴图旋转、图片缩放代码,就像新浪微博、腾讯微博内的贴图一样,默认状态下显示缩略图,点击后显示出大图,并在图片左上角显示旋转控制按钮,...

    jQuery图片延迟加载插件Lazy Load特效代码

    这样,所有设置了`data-src`的图片将在进入视口时自动加载。 **3. Lazy Load插件的高级特性** 除了基本的图片延迟加载,jQuery Lazy Load插件还提供了一些高级特性: - **Throttle/Debounce**:通过设置`...

    运用jQuery实现Ajax无刷新在线查词工具.rar

    运用jQuery实现Ajax无刷新在线查词工具,在线查单词,输入关键词后,无刷新显示查询结果,通过异步获取XML数据并进行分析处理,然后通过DOM操作写入页面文件,无页面刷新。。如果你对Ajax功能感兴趣,本源码可作为一...

    Jquery Uploadify 批量上传(java)

    在这个环境中,你可以创建一个新的MVC项目,将Uploadify相关的静态资源(JavaScript、CSS等)放入Web-INF目录下的静态资源文件夹,然后编写Java控制器类来处理上传请求。在MyEclipse中,你可以利用其强大的代码提示...

    jquery-easyui-1.3.0.rar

    《jQuery EasyUI 1.3.0:打造高效前端界面》 jQuery EasyUI 是一个基于 jQuery 的开源框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建功能丰富的Web应用界面。在这个1.3.0版本中,我们看到了一...

    xheditor v1.0.0 rc2 build 100401

    修正:IE6下某些情况下全屏后再取消全屏导致浏览器崩溃问题的修正 调整:所有img图片强制添加alt标签,以使代码符合XHTML标准 调整:对ubb插件进行了适当的调整,以兼容以下不标准情况:无[list]和[/list]结尾的[*...

Global site tag (gtag.js) - Google Analytics