zoukankan      html  css  js  c++  java
  • 判断远程图片是否存在的JavaScript代码

    代码简介:

    用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>
  • 相关阅读:
    【BZOJ4769】超级贞鱼 归并排序求逆序对
    [简明版] 有道云笔记Markdown指南
    在Pycharm中配置Github
    Linux学习笔记之Xshell配色方案定制
    前端学习笔记之ES6快速入门
    魔改有道云笔记
    Python爬虫学习笔记之Centos下安装配置Mongodb3.6
    Linux学习笔记之CentOS6.9 防火墙的关闭以及开启
    Web前端学习笔记之jQuery选择器
    Django学习笔记之Queryset详解
  • 原文地址:https://www.cnblogs.com/chu888chu888/p/2316117.html
Copyright © 2011-2022 走看看