JavaScript中的事件函数传参

行间的函数传参比较简单,把参数写进去就ok了,这里说一下非行间的函数传参。
非行间的函数传参,如果也像行间那样写就会调用这个函数了,正确写法如下所示:

<script type="text/jscript">
window.onload = function()
{
    function setColor(color){
        var oDiv = document.getElementById("div1");
        oDiv.style.background=color;		
    }
    var oBt = document.getElementById('bt1');
    oBt.onclick=function()
    {
        setColor('green');
    };
    
    var oBt = document.getElementById('bt2');
    oBt.onclick=function()
    {
        setColor('red');
    };
    var oBt = document.getElementById('bt3');
    oBt.onclick=function()
    {
        setColor('black');
    };
};
</script>

这里实现了3个按钮,点击按钮,让div的背景色改变为不同的背景。最开始直接写成了oBt.onclick=setColor('green'),结果就调用了这个函数。

posted on 2015-12-01 23:16  tracing  阅读(894)  评论(0编辑  收藏  举报

导航