鍍金池/ 問答/數(shù)據(jù)庫  HTML/ JS按鈕點擊事件自動運行的問題？

JS按鈕點擊事件自動運行的問題？

如下是我學(xué)習(xí)時寫的代碼，但是一運行網(wǎng)頁JS里面的那幾個按鈕事件就自動運行了，不知道我哪里搞錯了，我在百度上找了看到按鈕事件是像這樣寫的呀。請大能幫幫小弟，看小弟是哪里搞錯了，謝謝哈。
代碼：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background: #998820;
        }
    </style>
    <script>
        window.onload = function(){
            var oBut_1=document.getElementById('obut_1');
            var oBut_2 = document.getElementById('obut_2');
            var oBut_3 = document.getElementById('obut_3');

            function Gored(odiv_qu, property, price, shebiao){
            var oDiv = document.getElementById(odiv_qu);
            oDiv.style.background = shebiao;
            oDiv.style[property] =price; 
            
              }
              alert(oBut_1);
            oBut_1.onclick = alert("sdsd");
            oBut_1.onclick=Gored('oDiv_s', 'width', '25rem', 'green');
            oBut_2.onclick=Gored('oDiv_s', 'height', '15rem', '#003320');
            oBut_3.onclick=Gored('oDiv_s',' ', ' ', '#022545');
        } 
        
    </script>
</head>
<body>
    <input id="obut_1" type="button" value="變紅"  />
    <input id="obut_2" type="button" value="變綠" />
    <input id="obut_3" type="button" value="變黑"  />
    <div id="oDiv_s"></div>
</body>
</html>
回答
編輯回答
大濕胸

你寫的alert("sdsd");、Gored('oDiv_s', 'width', '25rem', 'green');都是函數(shù)執(zhí)行語句，onclick需要綁定的是一個函數(shù)，像這樣的：oBut_1.onclick = function(){alert("sdsd");}

2017年11月17日 11:38
編輯回答
薄荷綠

明白了，謝謝哈

2017年9月12日 05:11
編輯回答
擱淺
oBut_1.onclick = function() {
                Gored('oDiv_s', 'width', '25rem', 'green');
            };
            oBut_2.onclick = function() {
                Gored('oDiv_s', 'height', '15rem', '#003320');
            }
            oBut_3.onclick = function() {
                Gored('oDiv_s',' ', ' ', '#022545');
            }
2018年2月20日 21:18