第一部分
<script type ="text/javascript">
//如下代码放在head中dom得到的节点的值为空//可以在body中加onload事件
window.onload = init;
function init(){
var btn = document.getElementById("btn");
/**btn.onclick = function(event){
alert(this.type)}
**/
//默认有event的参数,用来获取相应的信息
//ie不会自动传递event参数进去,用window.event,ff可以自动获取
btn.onclick = function(event){
event = event||window.event;
alert(event.type);
//this表示按钮对象
alert(this。value);
}
}
</script>
<!-- Date: 2015-07-15 -->
</head>
<body>
<!--返回上级页面-->
<li>111111</li>
<li>111111</li>
<li>111111</li>
<li>111111</li>
<input type="button" value="点一下" id="btn"/>;
</body>
</html>
第二部分
<script type ="text/javascript">
window.onload = init;
function init(){
var lis = document.getElementsByTagName("li");
for(var i =0;i<lis.length;i++){
lis[i].onmouseover = changeColor;
lis[i].onmouseout = reColor;
}
}
function changeColor() {
this.style.color = "#f00";
}
function reColor() {
this.style.color = "#000";
}
</script>
<!-- Date: 2015-07-15 -->
</head>
<body>
<!--返回上级页面-->
<ul>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
</ul>
</body>