為什么在更改內部HTML后，此HTML / JS會恢復為原始格式？

Question

我開始學習JavaScript，我想知道為什么這不會永久地使“短暫”出現在按鈕之前以及為什么它會在按下按鈕之前恢復到原始HTML頁面？

的index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="mind.js"></script>
</head>
<body>
    <h1 id = "identifier"></h1>
    <form>
        <button value = "button!" onclick="doSomething()"> </button>
    </form>
</body>
</html>

mind.js

function doSomething() {
    document.getElementById("identifier").innerHTML = '<i>Ephemeral</i>';
}

Answer 1

因為您提交的表單正在刷新頁面。 如果您還不想提交，請將return false添加到內聯處理程序。

<button value = "button!" onclick="doSomething(); return false;"> </button>

或者在調用之前添加return ，並將return false添加到函數中。

<button value = "button!" onclick="return doSomething();"> </button>

function doSomething() {
    document.getElementById("identifier").innerHTML = '<i>Ephemeral</i>';
    return false;
}

為什么在更改內部HTML后，此HTML / JS會恢復為原始格式？

問題描述

1 個解決方案

解決方案1
10 已采納 2013-09-07 19:34:35

為什么在更改內部HTML后，此HTML / JS會恢復為原始格式？

問題描述

1 個解決方案

解決方案1 10 已采納 2013-09-07 19:34:35

解決方案1
10 已采納 2013-09-07 19:34:35