判断远程图片是否存在的JavaScript代码

简介: 代码简介: 用JavaScript判断远程图片是否存在,不存在话则替换指定的图片,指定图片可以是你网站的LOGO或其它图片,或显示提示信息。没想到用JS还能干这种活,以前都是用笨方法,也就是用ASP/PHP程序去判断,这下可好了,省了很多事。

代码简介:

用JavaScript判断远程图片是否存在,不存在话则替换指定的图片,指定图片可以是你网站的LOGO或其它图片,或显示提示信息。没想到用JS还能干这种活,以前都是用笨方法,也就是用ASP/PHP程序去判断,这下可好了,省了很多事。

代码内容:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>判断远程图片是否存在的JavaScript代码 - www.webdm.cn</title>
</head>
<body>
<p>判断百度的LOGO是否存在:<br>
<IMG src="http://www.baidu.com/img/baidu_logo.gif"

onerror="javascript:this.src='http://www.webdm.cn/themes/pic/webdm_logo.gif'"></p>
<p>如果不存在,则替换成WebDm.cn 的 logo:<br><IMG src="http://www.baidu.com/img/baidu_logo11.gif"

onerror="javascript:this.src='http://www.webdm.cn/themes/pic/webdm_logo.gif'"></p>
</body>
</html>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!

</p>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>判断远程图片是否存在的JavaScript代码 - www.webdm.cn</title>
</head>
<body>
<p>判断百度的LOGO是否存在:<br>
<IMG src="http://www.baidu.com/img/baidu_logo.gif"

onerror
="javascript:this.src='http://www.webdm.cn/themes/pic/webdm_logo.gif'"></p>
<p>如果不存在,则替换成WebDm.cn 的 logo:<br><IMG src="http://www.baidu.com/img/baidu_logo11.gif"

onerror
="javascript:this.src='http://www.webdm.cn/themes/pic/webdm_logo.gif'"></p>
</body>
</html>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!

</p>
目录
相关文章
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
4天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
30天前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0
|
2月前
|
JSON 前端开发 JavaScript
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
35 0
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
|
2月前
|
资源调度 JavaScript 关系型数据库
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
33 0
|
2月前
|
JavaScript 中间件 测试技术