杰士派 2017-11-16 07:58 采纳率: 100%
浏览 2694
已采纳

我这个简单的原生js中Button的onclick事件为什么不响应?

没有window.onload事件,为什么Button的onclick事件就不响应?如下:
<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        //      window.onload=function(){
        document.getElementById("button1").onclick = function() {
                alert("点击成功");
            }
        //          }
    </script>
</head>

<body>
    <input type="button" value="点击跳转" id="button1" />
</body>

  • 写回答

10条回答

  • xiaozhuai7 2017-11-16 08:07
    关注

    js脚本解释时,元素button1还没有加载出来,因此事件实际没用绑定上。你可以实际绑定放到这里。

     window.onload=function(){
    
     }
    

    或者不用这个的话,你可以把整个标签挪到元素后面,例如常见的做法是把内嵌js放到body的最后。<br> 像这样:</p> <pre><code> &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&quot;button&quot; value=&quot;点击跳转&quot; id=&quot;button1&quot; /&gt; &lt;script&gt; document.getElementById(&quot;button1&quot;).onclick = function() { alert(&quot;点击成功&quot;); } &lt;/script&gt; &lt;/body&gt; </code></pre>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题?

悬赏问题

  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入
  • ¥40 使用MATLAB解答线性代数问题
  • ¥15 COCOS的问题COCOS的问题
  • ¥15 FPGA-SRIO初始化失败
  • ¥15 MapReduce实现倒排索引失败
  • ¥15 ZABBIX6.0L连接数据库报错,如何解决?(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码
  • ¥50 随机森林与房贷信用风险模型