1index.html 文件
<!DOCTYPE html>
<html long="zh-cn">
<head>
<meta charset="utf-8">
<title>JavaScripe程序开发</title>
<scripttype="text/javascript" src="5.js"></script>
</head>
<body>
<!--要想设置图形的宽度,属性后面一定要加style="width:100px" 一定要加px, 没有px 不起作用 -->
<!-- <img src="Koala.jpg" id= "mypid"style="width:100px"> -->
<buttonid="mybut">PUSH ME</button>
</body>
</html>
2 5.js 文件
//动态事件绑定:
function fun() {
alert("按钮被点击了");
}
window.οnlοad= function() //为onload事件绑定处理
{
//在javaScripe 中,所有的元素实际上都属于对象,
//要想取得对象,则可以使用document.getElenentById("ID名称")
//取得ID为mybut对象
var objc= document.getElementById("mybut");
if(objc != undefined){ //表示此对象已经明确存在
//对象.addListenerEvent(事件类型,处理函数,false)
//动态绑定事件时,不要再加"on";
objc.addEventListener("click", function(){fun()}, false);
}
}