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')
,结果就调用了这个函数。