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点击灯泡变亮(学自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点击灯泡变亮(学自W3school)
 
预期效果:图片显示,点击切换图片,灯泡点亮
实际效果:图片显示,点击切换图片,灯泡点亮 成功
 
疑问:element.src.match("bulbon") 起何作用?
解答:match作用是检索语句。
      element.src.match("bulbon")是检索src内是否含有bulbon,是的话,点击后切换成图片bulboff;否则点击后切换成图片bulbon。

相关文章:

  • 2021-04-03
  • 2021-08-24
  • 2021-12-25
  • 2021-06-30
  • 2021-07-30
  • 2021-05-30
  • 2021-09-01
  • 2021-08-17
猜你喜欢
  • 2022-12-23
  • 2021-06-11
  • 2022-12-23
  • 2021-09-09
  • 2022-01-17
  • 2021-04-14
  • 2022-01-25
相关资源
相似解决方案