新手学习javaScript的第一个实例
2016-11-27 16:30
429 查看
javaScript提供了网页的动态交互,让原本静态的图片能够动态的变化,增强了和用户的交互性,所以值得我好好去研究学习!下面是我接触javaScript的第一个小例子,记录下来,待我成为javaScript的大师时候
,回头看看,会是什么样子呢!
,回头看看,会是什么样子呢!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>bulb</title> <script type="text/javascript"> function bulbDemo() { element = document.getElementById('myImg'); if(element.src.match("bulbon")) { element.src = "http://img.my.csdn.net/uploads/201611/27/1480235115_6060.png-thumb.jpg"; } else { element.src = "http://img.my.csdn.net/uploads/201611/27/1480235115_4243.png-thumb.jpg"; } } </script> </head> <body> <img id="myImg" onclick="bulbDemo()" src="http://img.my.csdn.net/uploads/201611/27/1480235115_6060.png-thumb.jpg" /> <p>点击灯泡来点亮或者熄灭灯泡</p> </body> </html>
相关文章推荐
- 我是是新手,想学习delphi报表方面的.有哪位仁兄能帮忙一下!介绍点实例!
- JavaScript学习笔记1---焦点定位在页面表单第一个字段
- Struts2 第一个实例学习
- javascript 基础简介 适合新手学习
- JavaScript 学习小结(适合新手参考)
- 实例学习Javascript之构建方法、属性
- JavaScript DOM学习第六章 表单实例
- 菜鸟学习javascript实例教程
- javascript DOM编程实例(智播客学习)
- JavaScript学习笔记(2)--面向半新不新的新手
- JavaScript学习笔记(4)--面向半新不新的新手
- JavaScript学习笔记(3)--面向半新不新的新手
- javascript DOM对象的学习实例代码
- Javascript入门学习第七篇 js dom实例操作第1/2页
- OWC学习笔记-电子表格(Spreadsheet)第一个实例
- JavaScript学习笔记1---焦点定位在页面表单第一个字段
- (学习笔记)简单正则表达式的使用实例[javascript]
- 【Javascript】javascript学习 三十九 JavaScript 对象 实例
- 【翻译作品】JavaScript DOM学习第六章:表单实例