改变图像，运用match方法的实例代码-js教程-PHP中文网

改变图像，运用match方法的实例代码

零下一度

发布： 2017-07-02 09:21:00

原创

1722人浏览过

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulboff"))//JavaScript String对象 Match()方法  ，如果匹配到bulboff字符，返回TRUE，否则返回FALSE
 {
  element.src="/images/pic_bulbon.gif";
  }
else
   {
  element.src="/images/pic_bulboff.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/10783">
                            <img src="https://img.php.cn/upload/webcode/000/000/009/176372460979237.jpg" alt="我要服装批发网">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10783">我要服装批发网</a>
                            <p>由逍遥网店系统修改而成，修改内容如下：前台商品可以看大图功能后台商品在线添加编辑功能 （允许UBB）破解了访问统计系统增加整合了更加强大的第三方统计系统 （IT学习者v1.6）并且更新了10月份的IP数据库。修正了后台会员订单折扣金额处理错误BUG去掉了会员折扣价这个功能，使用市场价，批发价。这样符合实际的模式，批发价非会员不可看修正了在线编辑无法使用 &ldquo;代码&rdqu</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="我要服装批发网">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10783" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="我要服装批发网">
                        </a>
                    </div>
                
</body>
</html>

登录后复制

以上就是改变图像，运用match方法的实例代码的详细内容，更多请关注php中文网其它相关文章！