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

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

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元素已经加载完了。

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

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决