Javascript腳本不適用於html

Question

我剛開始進行Web開發，並決定創建一個測試項目以查看其工作原理。

我的html代碼是：

<!DOCTYPE html>
<html>

<head>
    <title>
        title
    </title>
    <script type="text/javascript" src="jstest.js"></script>
</head>

<body>
    <h1>heading1</h1>
    <button onclick="runcode()">click me</button>
</body>



</html>

腳本是這樣的：

function runcode(){
alert("clicked"); 
}

我不完全知道為什么腳本不起作用。 我把它放在了正確的位置，以確保首先加載按鈕，但仍然無法正常工作

Answer 1

在注釋之后，您是否可以用以下幾點更改代碼：

 function runcode(event){ event.preventDefault(); alert("clicked"); }

 <h1>heading1</h1> <button onclick="runcode(event)">click me</button>

來自MDN Webdocs關於按鈕類型的信息，他們說：

按鈕的類型。 可能的值為：Submit： 按鈕將表單數據提交到服務器。 如果未指定屬性 ，或者將屬性動態更改為空或無效值，則這是默認設置 。

就是說，您單擊按鈕，然后提交數據，並根據設置刷新頁面。 這就是為什么您看不到alert 。 警報在提交后發生。 現在event.preventDefault（）

方法告訴用戶代理，如果事件未處理，則不應像通常那樣采取其默認操作。

這樣一來，您就可以停止執行默認操作。 因為現在您希望函數能夠正常工作，因此首先它必須停止默認行為才能繼續執行所需的操作。 在這種情況下，請警惕。

Javascript腳本不適用於html

問題描述

1 個解決方案

解決方案1
3 已采納 2017-09-15 21:29:33

Javascript腳本不適用於html

問題描述

1 個解決方案

解決方案1 3 已采納 2017-09-15 21:29:33

解決方案1
3 已采納 2017-09-15 21:29:33