無法獲得執行Javascript代碼的按鈕

我寫了一些從javascript教科書逐字記錄的html/css/javascript代碼。出於某種原因，代碼在我的瀏覽器（這是最新版本的Firefox）中無法正常運行。當我點擊該按鈕時，瀏覽器中的所有javascript函數「toggleStyle（）」都不會執行。這是該按鈕的代碼：無法獲得執行Javascript代碼的按鈕

<button type="button" onclick="toggleStyle()">Toggle Style</button>

這是javascript編碼。需要注意的是，當我按一下按鈕，執行甚至沒有警報（）方法：

 function toggleStyle() { 
     alert("toggleStyle() is working."); 
     var divMessage = document.getElementById("divMessage"); 

     if (divMessage.className === "message-style1") { 
      divMessage.className = ""; 
     } 
     else { 
      divMessage.className = "message-style1"; 
     }

來源

2011-05-30 idungotnosn

您是否嘗試過檢查Firefox的錯誤控制檯？按下「Ctrl + Shift + J」（如果在Windows上）以顯示可能導致代碼執行不正確的任何可能的錯誤或警告。請參閱：https://developer.mozilla.org/en/Error_Console默認情況下未啓用它。 – 2011-05-30 19:20:24

是否有另一個'}'來結束函數？ – 2011-05-30 19:22:10

您忘記了關閉功能的'}'。 – cellcortex 2011-05-30 19:22:13

你把代碼放在<script type="text/javascript">裏面嗎？

<script type="text/javascript"> 

function toggleStyle() { 
     alert("toggleStyle() is working."); 
     var divMessage = document.getElementById("divMessage"); 

     if (divMessage.className === "message-style1") { 
      divMessage.className = ""; 
     } 
     else { 
      divMessage.className = "message-style1"; 
     } 
} 
</script>

上面的代碼工作：

enter image description here

來源

2011-05-30 19:22:16

我做到了。這是我寫的： \t – idungotnosn 2011-05-30 19:33:51

@邁克爾西利：這樣其他人所說：這個問題可能是年底關閉標籤}你忘。複製/過去我的答案的代碼，並再次嘗試... – 2011-05-30 19:36:41

哈哈，哇，工作。我的天哪，我現在覺得自己像一個noobie。謝謝您的幫助！ – idungotnosn 2011-05-30 19:54:47

對於初學者來說，我沒有看到結束}支柱;你是否有一個？

另外，函數的定義在哪裏？腳本是否被加載？有沒有錯誤？

來源

2011-05-30 19:21:35 megakorre

無法獲得執行Javascript代碼的按鈕

回答

相關問題