如何将Javascript函数与按钮相关联？

Question

javascript

html

我觉得我正好这样做，但无论出于何种原因，它都无法正常工作。我确保链接到我的Javascript文件并且语法正确。

 <script src="speedreader.js" type="text/javascript"></script>

标题中的

。

我有

<button id="start" onclick="start();" type="button">Start</button>

这是一个令人生畏的Javascript，但它不适用于

    var startButton = document.getElementByID("start");
    startButton.onclick = start;

所以我别无选择，只能诉诸它。

我尝试与此按钮关联的功能是最基本的功能。只是为了测试一下Javascript函数是否会起作用。

function start() {
        alert("this is working");
    }

Answer 1

如果您在标题中加载脚本并尝试getElementById，那么元素将无法解析/创建。

将加载脚本的<script>标记放在页面末尾，或者在尝试绑定元素之前至少先监听DOM准备就绪。

Answer 2

试试这个

function myFunction() {
alert("HELLO WORLD");
}

<button onclick="myFunction()">Click me</button>

在浏览器

中启用了javascipt

Answer 3

当您尝试为代码中的onclick分配事件处理程序时，您应该写：

var startButton = document.getElementById("start");
if (startButton)
  startButton.click = start;