zoukankan      html  css  js  c++  java
  • JS点击灯泡变亮(学自W3school)

    JS学习笔记1(学自W3school)

       
     
     function changeImage()
     {
     element = document.getElementByIdx_x('myimage')
     if (element.src.match("bulbon"))
     {
      element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";
     }else{
    element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";
     }
    JS学习笔记1(学自W3school)
     
    预期效果:图片显示,点击切换图片,灯泡点亮
    实际效果:失败,图片显示,点击不切换
    原因:function changeImage()缺少“}”收尾。
    修改后:
     
     function changeImage()
     {
     element = document.getElementByIdx_x('myimage')
     if (element.src.match("bulbon"))
     {
      element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";
     }else{
     element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";
     }
    }
    JS学习笔记1(学自W3school)
     
    预期效果:图片显示,点击切换图片,灯泡点亮
    实际效果:图片显示,点击切换图片,灯泡点亮 成功
     
    疑问:element.src.match("bulbon") 起何作用?
    解答:match作用是检索语句。
          element.src.match("bulbon")是检索src内是否含有bulbon,是的话,点击后切换成图片bulboff;否则点击后切换成图片bulbon。
  • 相关阅读:
    Toggle控制窗口的显隐
    碰撞检测(2D&&3D)
    3D空间 圆柱体画线
    鼠标拖动2D物体(图片)
    实现图片的闪烁效果
    UI 2D图片随鼠标旋转
    射线检测(Summary)
    [转]C#静态方法与非静态方法的比较
    获取精灵
    用于切割字符串的方法
  • 原文地址:https://www.cnblogs.com/wjwen/p/3781910.html
Copyright © 2011-2022 走看看