新手HTML - 按鈕無法正常工作

我想創建我的第一個HTML代碼。我的代碼是：新手HTML - 按鈕無法正常工作

<html> 
<head> 
</head> 
<body> 
<input type="button" id="apply" value="Push Me" onclick="javascript:faa();" /> 
<input type="button" id="apply" value="No, Push Me Instead" onclick="javascript:foo();"  /> 
Official website of Foocorp Inc. (Not really.) 
</body> 
<script type="text/javascipt"> 
function faa(e) 
{ 

alert('Nope, it is the other button.'); 
} 
</script> 
<script type="text/javascript"> 
function foo(e) 
{ 

alert('You have destroyed your computer. Thank you for your time.'); 
window.close(); 
} 
</script> 
</html>

每當我按下按鈕的值「不，推我自己」它工作正常。按下「Push Me」按鈕時不會執行任何操作。我究竟做錯了什麼？

來源

2013-12-17 user1845203

二話不說，你'有兩個元素具有相同的'id'：這是無效的HTML（「[\ [''id' \]」屬性爲元素分配一個名稱。 .w3.org/TR/HTML401 /結構/ global.html＃H-7.5.2）「）。另外，從HTML中的事件處理程序中刪除'javascript：'，它們完全沒有必要。 –

當你開始時，你應該從最佳做法開始，而不是壞習慣。內聯JavaScript不好。正如大衛托馬斯指出的那樣，你不能有2個具有相同ID的元素。我不認爲這是問題，但調試的第一步是使用有效的代碼。 –

你已經在第一個函數中拼寫錯了'javascript'。 – arandompenguin

text/javascipt應該有一個r在其中。

當您編寫JavaScript時，HTML 5使腳本元素的type屬性可選。當你在處理JS時，這個屬性沒有任何其他用途，那麼就成爲一個機會來製造破壞你的代碼的類型，所以完全省略它。

來源

2013-12-17 19:05:52 Quentin

+1爲好點:-) –

做工精細當我移動的其他功能相同的腳本：

<script type="text/javascript"> 
    function foo(e) 
    { 

     alert('You have destroyed your computer. Thank you for your time.'); 
     window.close(); 
    } 

     function faa(e) 
    { 

     alert('Nope, it is the other button.'); 
    } 
</script>

來源

2013-12-17 19:06:52

你必須改變腳本類型的拼寫，因爲有一個拼寫錯誤

<script type="text/javascript">

來源

2013-12-17 19:13:12 PVR

新手HTML - 按鈕無法正常工作

回答

相關問題