2011-05-23 60 views
0

为什么简单的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> 

+0

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

回答

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

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

0

顺序

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

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

0

看一看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); 
相关问题