卿本Qia 2022-04-09 10:23 采纳率: 76.9%
浏览 40
已结题

想知道为什么这段前端代码运行不了

img

img

img

JavaScript代码看着没有问题的样子，有按钮 但是点击按钮没有弹框。

  • 写回答

2条回答 默认 最新

  • 前行的枫_denglinbo 2022-04-10 08:36
    关注

    分析一下：页面是从上往下加载，你的script放在了head里，script会阻塞页面的加载（除非设置了异步），script加载并执行完了页面才会继续解析加载，所以你js里的代码是会报错的，因为此时input标签还获取不到。
    解决方法：
    1、你要等页面加载完了才去操作input, 即window.onload = function(){ ... } 。
    2、你也可以直接在input标签上绑定点击事件，这样在js里写事件处理函数也是可以的，因为函数调用了才会执行，这样就不需要写在window.onload里了。
    3、改变script位置，将它放在body的最后面。这样按照加载的顺序，你js里正常操作input是没有任何问题的，因为页面的dom元素已经加载完了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 你好！机器人 2022-04-09 10:53
    关注

    加个window.onload

    window.onload=function(){
    var Btn = document.getElementsByTagName('input')[0]
    Btn.onclick=function(){
        alert(1)
    }

}

    或者把js放到dom下面

    <!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Header</title>

</head>
<body>
    <input type="button" value="按钮" />
    <script src="index.js"></script>
</body>
</html>
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 7月20日
  • 已采纳回答 7月12日
  • 创建了问题 4月9日

悬赏问题

  • ¥15 二分类改为多分类问题
  • ¥15 Unity微信小游戏上调用ReadPixels()方法报错
  • ¥15 如何通过求后验分布求得样本中属于两种物种其中一种的概率？
  • ¥15 q从常量变成sin函数，怎么改写python代码？
  • ¥15 图论编程问题，有可以指导的吗
  • ¥15 DEA的CCR模型画图
  • ¥15 请假各位一个关于安卓车机的问题
  • ¥15 光谱仪怎么看这样的透射谱
  • ¥15 pyqt5 如何实现输入框输入关键词，下拉框显示模糊查询返回的结果？
  • ¥20 fluent模拟，可以燃烧和相变同时模拟吗？