JavaScriptのイベント関数を参照してください.

2608 ワード

行間の関数の参照は簡単です.パラメータを書いたら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')と書きましたが、結果としてこの関数が呼び出されました.