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

我这个简单的原生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 在虚拟机中安装flash code
  • ¥15 单片机stm32f10x编写光敏电阻调节3.3伏大功率灯亮度(光强越大灯越暗,白天正常光强灯不亮,使用ADC,PWM等模块)望各位找一下错误或者提供一个可实现功能的代码
  • ¥20 verilog状态机方法流水灯
  • ¥15 pandas代码实现不了意图
  • ¥15 GD32H7 从存储器到外设SPI传输数据无法重复启用DMA
  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗?
  • ¥50 复现论文;matlab代码编写