为什么简单的JavaScript代码不能运行？

问题描述：

为什么简单的JavaScript代码没有运行？为什么简单的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>

请问如果添加'返回false工作？你有没有在另一个浏览器上试过？我有一种感觉警报被阻止 – Jodes 2011-05-23 02:17:17

答

文件被加载后，将您的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>

是啊...我也喜欢。 – 2011-05-23 02:31:12

答

顺序

<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>

这工作，但如果脚本分配给外部文件并包含在标题中怎么办？ – ktm 2011-05-23 02:25:19

答

看一看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代码不能运行？

相关推荐