HTML中图片不存在显示默认图片的方法示例

一个图片链接<img src=http://www.jb51.net/web/"" /> 想用js 判定url是否有用假如404 就加载默认的图片路径

<img src=http://www.jb51.net/web/"xxx" οnerrοr="this.src=默认图地点"/>

图片标签img的 onerror变乱

<img src=http://www.jb51.net/web/"pic.gif" οnerrοr="javascript:this.src='默认图地点';" alt="pic" />

说明：出格留意 onerror，当图片不存在时，将触发 onerror，而 onerror 中为 img 指定一个默认图片。也就是说图片存在则表现 pic.gif，图片不存在将表现默认图片。

存在的题目：假如默认图片也不存在，则继承触发 onerror，导致轮回，故呈现错误。假如图片存在，但收集很不通畅，也也许触发 onerror。

办理要领：通过函数加载默认图片，仅加载一次

<img src=http://www.jb51.net/web/"abc.jpg" onerror="nofind()" /> <script type="text/javascript"> function nofind(){ var img=event.srcElement; img.src=""; //替代的图片 img.onerror=null; //节制不要一向触发错误 } </script>

到此这篇关于HTML中图片不存在表现默认图片的要领示例的文章就先容到这了,更多相干HTML图片不存在表现默认内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!