提取行间事件

 提取行间事件
<input type="button" id="btn1" value="change" οnclick="abc()" />
//实际上onclick也如同value一样，只是这个button按钮的一个属性而已，那么我们也可以这样写
//在input里面不写onclick
<script>
var odiv = document.getElementById('btn1');
odiv.onclick = function()

{

alert("rfff");

}

</script>

如果你把这段js代码提到head里面，你会发现出错了，问题出在哪儿呢？

其实当它要弹出这个对话框的时候body部分还没有加载，也就是说，<input type="button" id="btn1" value="change" οnclick="abc()" />这行 语句 还没有执行，他根本不明白btn1是谁，所以就出错了。

现在只需要这样修改

<script>

window.onload = function()//当页面加载完开始执行

{
var odiv = document.getElementById('btn1');
odiv.onclick = function()

{

alert("rfff");

}

}

</script>

ok，这样修改了之后，他会等页面加载完之后再去调用这个函数，顺便说一句，一般来说，就是代码都是写在body的最后，当然，最好是<script src="123.js"></script>引入进来。