img图片无法显示利用onerror事件显示替代图片

URL属性的定义和用法:
此属性可返回当前文档的URL。
说明:该属性的值与包含文档的Window的location.href属性相同,但是在URL重定向发生的时候,这个URL属性保存了文档的实际URL,而 location.href保存了请求的URL。
语法结构:

document.URL

浏览器支持:
1.IE浏览器支持此属性。
2.火狐浏览器支持此属性。
3.Opera浏览器支持此属性。
4.谷歌浏览器支持此属性。
实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload=function(){
  var odiv=document.getElementById("softwhy");
  odiv.innerHTML=document.URL;
}
</script>
</head>
<body>
<div id="softwhy"></div>
</body>
</html>

以上代码可以输出当前文档的URL。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=6865

更多内容可以参阅:http://www.softwhy.com/javascript/

时间: 2024-11-03 05:27:56

img图片无法显示利用onerror事件显示替代图片的相关文章

图片(img标签)的onerror事件

打开网页时提示 Stack overflow at line: 0. 经过分析,发现网页中存在类似如下的代码: <img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" /> 分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片.也就是说图片存在则显示 pic

JavaScript-onerror事件:图片加载失败后不显示

HTML: <img src="http://www.mazey.net/images/upload/image/20170518/1495122198180663.gif" id="img1" onerror="hideImg1();"> <!--下面这个图加载失败但不会出现加载失败的样式--> <img src="http://www.mazey.net/images/upload/image/2017

图片输出onerror事件

<img src=".<?php echo $img[0];?>" onerror="this.src='img/zanwu.jpg'" style="width:120px;height:90px;" /> 当图片变量不存在的情况下直接使用onerror事件输出默认图片

&lt;img/&gt;标签onerror事件在IE下的bug和解决方法

IE下打开网页时,会弹出“Stack overflow at line: 0”的弹框.经分析,这个bug是由于img标签的onerror事件引起的.程序中用到的代码片段如下:正常情况下显示src所指路径的图片,加载失败时显示通过img标签的onerror事件显示另一张图片,问题就出现在了这里,当另一张图片也不存在时,就造成了循环触发onerror事件,在IE下就会弹出“stack overflow”的弹框. <img src="http://img1.soufunimg.com/agent

JavaScript onerror事件

1 onerror事件描述 使用onerror事件是一种老式的标准的在网页中捕获Javascript错误的方法 2 何时产生onerror事件 只要页面中出现脚本错误,就会产生onerror事件 3 如何使用onerror事件 利用onerror事件,就必须创建一个错误的函数.你可以把这函数叫作onerror事件处理器.这个事件处理器使用三个参数来调用:msg(错误消息), url(发生错误的页面的url), line(发生错误的代码行) 4 语法 onerror = handleErr fun

如何利用CSS代码使图片和文字在同一行显示且对齐

对于初学css的新手朋友来说,经常会遇到这样一个问题,当文字和图片出现在同一行或者同一个div里面的时候,在浏览器中运行出来的显示效果往往是在不同的行,那么,我们怎么才能利用CSS代码使图片和文字在同一行显示且对齐呢? 对于这种现象,方法有3种: 1.通过添加css的“vertical-align:middle;”: 2.如果图片是背景图片,可以在css中设置背景图片,然后设置文字的padding属性: 3.把文字和图片分别放入不同的div中. 经过多次的测试,上面三种方法都可以让图片和文字在同

【JavaScript】加载失败的红叉图片处理与&lt;img&gt;图片标签的onerror事件

大家上网的时候肯定见到过加载失败的红叉图片,具体如下图.当然现在Google Chrome与Firefox对其处理会好看一些. 其实可以利用<img>图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉. 其代码如下: <img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />

图片的onerror 事件解析

1. 该事件触发条件 文档和图像在加载失败的时候(用户体验会下降.)会触发该事件 2. 解决碎图的办法 利用img的onerror事件和javascript 例: 现有的图片是 successed.png <img src="successed.png"> 正常展示 <img src="successed1.png"> 此时找不到successed1.png 图片 页面展示如下 解决方案 <img src="successed

html file选中图片后 不经过服务器 立刻显示在页面

html结构中 file类型加上 onchange事件 ,用FileReader读取图片的data:/images,然后显示在img标签中, 代码如下: 1 <img class="preview" style="width:150px;" src="<?=IMG_URL.$cost['cover'].'_s.jpg';?>"><br><br> 2 <input type="file