Question

我认为这里不是正确的词。我无法让它运行。

这是一段非常简单的代码。如果我只输入alert("Working");它运行正常。

无论如何，这是整个代码，也许你们可以帮我弄清楚我做错了什么。

<!DOCTYPE html>
<html>
<head>
    <title>Events</title>
</head>
<body>
<script type="text/javascript">
    var btn = document.getElementById("btn");
    btn.attachEvent("onclick", function(){
        alert("Clicked");
    })

</script>
<input id="btn" type="button" value="Press me">
</body>
</html>

Answer 1

几个问题：

在加载文档之后，您的代码才能运行。如果它运行得太快，它将无法在页面中找到对象。最简单的方法是将代码块移到</body>标记之前。
attachEvent()仅适用于旧版本的IE。所有现代浏览器都支持.addEventListener()。

修订的HTML /代码：

<!DOCTYPE html>
<html>
<head>
    <title>Events</title>
</head>
<body>
<input id="btn" type="button" value="Press me">
<script type="text/javascript">
    var btn = document.getElementById("btn");
    btn.addEventListener("click", function(){
        alert("Clicked");
    })

</script>
</body>
</html>

工作演示：http://jsfiddle.net/jfriend00/Dmqdn/

Answer 2

这适用于FF（和其他现代浏览器）：

document.addEventListener("DOMContentLoaded", function(event) {
    var btn = document.getElementById('btn');
    btn.addEventListener('click', function() {
        console.log('Clicked');
    });
});

确保在尝试访问DOM之前完全加载DOM是最安全的。

我使用过console.log，你应该熟悉它，它会帮助你很多。查看FireBug for FF，Chrome中的开发工具。

Answer 3

以下是说明解决方案的jsfiddle。你需要做两件事来完成这项工作：

将<script>标记移至输入
将attachEvent替换为addEventListener。 attachEvent是no longer supported

以下是代码：

<input id="btn" type="button" value="Press me">

<script type="text/javascript">
    var btn = document.getElementById("btn");
    btn.addEventListener("click", function(){
        alert("Clicked");
    })
</script>

Pro Javascript代码无法运行

3 个答案: