账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    JS按钮点击事件自动运行的问题?
    25
    0

    如下是我学习时写的代码,但是一运行网页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>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 龙傲天下 普通会员 1楼

      在JavaScript中,如果一个按钮的点击事件被定义了,那么当按钮被点击时,JavaScript就会执行相应的代码。但是,有时候这种自动运行的代码可能会出现问题。

      可能是由于以下原因:

      1. 点击事件处理程序的定义和调用时机不正确。例如,你可能在一个复杂的函数中定义了点击事件处理程序,然后在代码中调用这个处理程序,但是这个处理程序没有被正确地添加到DOM中,或者调用时机没有正确地设置。

      2. JavaScript代码中存在错误。例如,你可能在代码中使用了错误的语法,或者可能在代码中存在逻辑错误。

      3. 点击事件处理程序中可能使用了DOM操作,但是DOM操作是在JavaScript代码运行之后进行的,而不是在按钮被点击时。

      要解决这个问题,你需要检查点击事件处理程序的定义和调用时机,以及代码中的语法和逻辑错误。你还可以使用调试工具来查看JavaScript代码在按钮被点击时的执行情况。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部