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

IMG的onerror事件(有点瑕疵)

阅读更多

    显示图片的时候,为了更好的用户体验,可能会把一些没有图片的内容也用图片样式显示出来,此时我们就要用到IMG的onerror事件了,注意MyEclipse的快捷键alt+/是没有的.

< img src="http://www.ooxue.com/upload/movie/2007.gif" onerror="this.src='http://www.ooxue.com/upload/error.gif'">

如果服务器里存在2007.gif 则显示它,如果不存在,就会显示error.gif。

 

------------------------------------------------------------------------------------------------------------------------------

 

  此功能在项目中使用确实很不错,但是在使用中却发现了意想不到的问题。

  当网络原因或者是其他的原因,导致onerror里面提供的图片地址加载不到的时候,ie会循环执行onerror事件,导致栈溢出,此时页面会弹出了alert消息框,错误信息为:"stack overflow at line:0"。

IE 6.0一般会以弹出的消息框报道溢出现象,并且会继续执行它的功能。但是也有一些溢出漏洞发生时,会关闭所有打开的窗口而没有任何提示。 因此选择使用该事件的时候还是要慎重啊!

 

 

 

分享到:
评论

相关推荐

    js注意img图片的onerror事件的分析

    在JavaScript中处理img元素加载图片时,onerror事件是一个非常重要的错误处理机制,它在图片加载失败时触发。然而,如果不正确地使用onerror事件处理器,可能会导致程序行为不正确,甚至出现栈溢出(Stack overflow...

    img标签中onerror用法

    在这个例子中,`img1`是主图片,如果加载失败,`onerror`事件会让它隐藏,并显示`img2`。确保`img2`的源是可靠的,或者是一个备用的占位符图片,以防万一`img1`的替换策略也失败。 这种方法的一个关键点是,确保`on...

    解析img图片没找到onerror事件 Stack overflow at line: 0

    然而,当图片无法加载或找不到时,浏览器会触发 `onerror` 事件。这个事件允许开发者定义当图片加载失败时执行的备用操作。在本文中,我们将深入探讨 `onerror` 事件,以及如何处理图片未找到导致的 "Stack overflow...

    JS对img标签进行优化使用onerror显示默认图像

    同时,为了防止默认图片再次触发onerror事件,需要将img元素的onerror属性置为null,从而避免无限循环的问题。 下面提供一个具体的实现示例: ```javascript function errorImg(img) { img.src = "***"; // 这里...

    利用图片的 onerror 事件载入默认图片

    3. 在 img 元素上添加 onerror 事件,并在事件处理函数中设置默认图片的 URL。 下面是示例代码: ``` &lt;div id="container"&gt;&lt;/div&gt; window.onload=function(){ var container = document.getElementById(...

    JavaScript中的onerror事件概述及使用

    请注意,`&lt;img&gt;`标签的`onerror`事件处理器没有额外的参数,只能通过修改`this`(即当前图片元素)的`src`属性来处理错误。 总结来说,`onerror`事件是JavaScript中不可或缺的错误处理机制,它允许开发者对脚本和...

    JavaScript通过使用onerror设置默认图像显示代替alt

    为了改善这一情况,可以通过JavaScript的onerror事件处理机制来设置当图片加载失败时显示一个默认的图像,从而提高网页的整体体验。 在HTML中,&lt;img&gt;标签用于嵌入图片。一个典型的&lt;img&gt;标签包括宽度、高度和图片源...

    微信小程序 image组件binderror使用例子与js中的onerror区别

    当图片无法加载时,即发生404错误时,onerror事件会被触发,然后执行定义在onerror属性中的JavaScript代码。通常在onerror事件中,将出错的图片地址更换为一个默认的图片地址,这样用户界面不会显示错误信息,用户...

    img 样式 img 样式 img 样式

    img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 ...

    simg2img & img2simg

    在IT行业中,尤其是在Android系统开发或者设备固件的管理中,`simg2img` 和 `img2simg` 是两个非常重要的工具。这两个工具主要用于处理特定格式的镜像文件,帮助开发者或技术人员进行系统镜像的转换和操作。下面我们...

    dmg2img最新版dmg2img-1.6.7

    DMG2IMG 是Apple 的一个压缩dmg 到标准(hfsplus)图像磁盘文件的转换工具。 变更日志: dmg2img-1.6.7: 2017 年 2 月 9 日 Peter Wu 固定缓冲区欠载 运行到列表分区时避免截断 .img 文件 dmg2img-1.6.6: 2017 ...

    img文件修改工具

    【标题】:img文件修改工具 在IT领域中,img文件是一种常见的磁盘映像文件格式,用于存储完整的磁盘或分区的精确副本。这些文件通常用于系统恢复、软件分发和备份目的。当我们需要对img文件进行修改时,WinImage...

    img文件解包和打包工具

    在IT行业中,img文件是一种常见的镜像文件格式,主要用于存储操作系统、固件更新或设备启动所需的文件系统。本文将深入探讨img文件的解包和打包过程,以及如何使用相关工具进行操作。 首先,我们来理解img文件的...

    img2kvm.zip

    在Proxmox VE虚拟机中将*.img镜像文件导入的工具 img转kvm工具 (此工具文件名无后缀) 使用方法: 把需要的img镜像文件和img2kvm文件上传到主机的root目录 输入以下两行代码(假设iso文件名为openwrt.img): ...

    可打开安卓img刷机包提取文件的小工具IMG浏览器

    "可打开安卓img刷机包提取文件的小工具IMG浏览器"是一个专为Android用户设计的应用程序,主要用于浏览和提取Android系统的img格式刷机包中的文件。img刷机包是Android系统的一种镜像文件,包含了操作系统、预装应用...

    img文件浏览器 修改IMG文件

    标题中的“img文件浏览器 修改IMG文件”指的是一个专门设计用于浏览和编辑IMG文件的应用程序,主要针对Android系统的系统文件。IMG文件在IT行业中通常是指一种包含磁盘映像的文件格式,广泛应用于操作系统安装、固件...

    BOOT.img和recovery.img解包打包工具

    BOOT.img和recovery.img是Android系统中的两个关键文件,它们在设备启动和恢复模式下扮演着重要角色。本文将深入探讨这两个文件的性质、功能,以及如何使用解包打包工具来处理它们,尤其是针对高通和MTK(联发科)...

    Simg2img- win

    《Simg2img工具在Windows环境下的应用与详解》 Simg2img工具是一款在嵌入式系统开发中常用的实用程序,主要用于处理SIMG(System Image)格式的镜像文件,将其转换为更通用的IMG(Image)格式。在Windows环境下,...

    HTML 图片不存在则显示一个默认图片

    这个技术可以通过HTML的`&lt;img&gt;`标签和`onerror`事件属性来实现。 首先,我们来看`&lt;img&gt;`标签的基本结构: ```html &lt;img src="image-url" alt="替代文本"&gt; ``` 这里的`src`属性定义了图片的URL,而`alt`属性提供了...

Global site tag (gtag.js) - Google Analytics