2011-05-23 62 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); 
相關問題