<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Document</title>
<style type="text/css">
#myfirst{ cursor: pointer; }
</style>
<script type="text/javascript">
/* 文档就绪事件函数 */
window.onload = function(){
/* ** 点击文字改变文字内容 ** */
//1.获取div(myfirst)
var oDiv = document.getElementById("myfirst");
oDiv.onclick = function(){
oDiv.innerHTML = "当前时间："+new Date().toLocaleString();
}
/* ** 点击灯泡开灯或关灯 ** */
//1.获取开灯/关灯按钮
var oBulb = document.getElementById("bulb");
//2.给按钮绑定点击事件,实现点击按钮开灯或关灯
var isOn = false;//灯泡的开关状态, 默认false,表示关闭
oBulb.onclick = function(){
isOn = !isOn;
if(isOn){//开灯
oBulb.src="img/bulb02.gif";
}else{//关灯
oBulb.src="img/bulb01.gif";
}
}
}
</script>
</head>
<body>
<h2>01_点击下面的文字改变文字内容</h2>
<div id="myfirst">我的第一个JavaScript程序</div>
<h2>02_点击灯泡就可以打开或关闭这盏灯</h2>
<img src="img/bulb01.gif" id="bulb"/>
</body>
</html>
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
