Question

为什么简单的javascript代码没有运行？

<script type="text/javascript" charset="utf-8">

var btn = document.getElementById("myBtn");
btn.onclick = function(){
alert("Clicked");
};

</script>

<a id="myBtn" href="#">click me </a>

Answer 1

在加载文档后分配你的onclick处理程序。

<script type="text/javascript" charset="utf-8">

function assignHandler() {
    var btn = document.getElementById("myBtn");
    btn.onclick = function() {
        alert("Clicked");
    };
}

</script>

<body onload="assignHandler()">
<a id="myBtn" href="#">click me </a>
</body>

Answer 2

订单

<a id="myBtn" href="#">click me </a>
<script type="text/javascript" charset="utf-8">

var btn = document.getElementById("myBtn");
btn.onclick = function(){
alert("Clicked");
};

</script>

Answer 3

看看this。 javascript块需要在html元素之后：

您的代码有效，但最好这样使用：

var btn =
document.getElementById('myBtn');
btn.addEventListener('click',function
(e) {   alert('my click works after the html element has been created');
},true);

为什么简单的JavaScript代码没有运行？

3 个答案: