Javascript 警报不适用于按钮单击

标签 javascript html alert

我已经像您一样输入了 javascript,但是是在通过 HTML 文件链接的单独文件上输入的。该按钮出现了,但是单击它时我没有收到任何警报。我的代码如下:

Javascript(index.js):

document.getElementById("myButton").onclick = function () {
    alert("Hi");
}

HTML:

<!DOCTYPE html>
<html>
<head>
<title>Javascript is Fun!(When it works)</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<button id="myButton">Click</button>
</body>
</html>

有人知道为什么我的按钮不起作用吗?在我看来,除非我忽略了什么,否则我所有的代码都是有序的。

最佳答案

您的代码在其引用的元素存在于页面之前执行。将 JavaScript 移动到文档末尾或将其包装在 window.onload 函数中。

window.onload = function () {
    document.getElementById("myButton").onclick = function () {
        alert("Hi");
    }
}

jsFiddle example

关于Javascript 警报不适用于按钮单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29424599/

相关文章:

jquery - 如何在<option>标签内插入<img>标签?

html - 包装器不工作/页面缩放

json - 我的登录身份验证有问题

jquery - 快要疯了。使用 jquery 检查复选框时的简单警报

php - JavaScript: 表单名称.submit();不工作

javascript - 类型错误 : Super expression must either be null or a function, 未定义

javascript - 如何创建特定的模态框

javascript - 警告 Vue Js 中未保存的更改

javascript - 未处理的PromiseRejectionWarning : TypeError: Cannot read property 'add' of undefined (Discord Bot)

javascript - 在 javascript 中,从迭代器创建数组