灯开关

来源：互联网发布：招商银行java 编辑：程序博客网时间：2024/06/03 01:59
js的练手小程序
<!doctype html><meta lang=zh charset=utf-8><html><head><title>灯</title><p>要求1：建立灯类，包含有一个属性，标志灯亮或者不亮；有构造函数<br>要求2：灯类包含一个function，功能是开关，控制灯灭灯亮</p><div><img style="width:30%;height:30%;" id="light" src="http://pic24.nipic.com/20120922/7170634_190125155114_2.jpg" alt="灯" onclick="changeStatus();"></div></head><body><script>function lamp(status){this.status = status||false;}lamp.prototype.turn = function(element){//点击开关，变化灯的状态this.status = this.status==true&&false || this.status==false&&true;element.src = this.status==true&&"http://pic24.nipic.com/20121012/11112171_104214552103_2.jpg" ||  this.status==false&&"http://pic24.nipic.com/20120922/7170634_190125155114_2.jpg";}var obj = new lamp(false);function changeStatus(){var element = document.getElementById('light');obj.turn(element);return false;}/*// 测试开关灯，使用闭包实现，其实就是测试能否调用状态更改// 并不是只有原型一种实现方式，但是目前还不知道两者之间具体的区别function lamp2(status){this.status = status;return function(){status = status==true&&false || status==false&&true;return status;}}var l = lamp2(true);for(var i=0;i<5;i++){console.log(l());}*/</script></body></html>
0 0