為什么Javascript運行后HTML會變回原樣

Question

我在提交時執行了此腳本：

function analyze() {
    var answer = document.forms["questions"]["answer1"].value;
    var item = document.getElementById("content");
    item.innerHTML=answer;
}

腳本已執行，但div不保留值，而是改回。

Answer 1

提交后，頁面將重新呈現，從而使所有元素恢復到其初始狀態。 因此，使用類內容更改div或HTML中包含的內容將重置為空白。

您可能希望將答案保存在Browsers LocalStorage或某種數據結構中，然后從那里請求它。

Answer 2

將答案值保存到localStorage或sessionstorage，然后在div中顯示相同的值。 如果您要提交表單，它將重新加載頁面並清除div的innerHTML。

Answer 3

提交按鈕將導致頁面重新呈現。 您可以通過多種選擇來防止這種情況：

1. 不要使用“提交”按鈕，而應使用“說”提交時使用的常規按鈕。 然后，您將為按鈕運行函數“ onClick”，而不是為表單運行“ onSubmit”。 （ 這是我推薦的 ）
2. 從該函數返回false和/或調用PreventDefault。
3. 實際上將其提交給服務器，並讓服務器完成工作並返回頁面（出於性能原因，這可能不是一個很好的選擇）。
4. 編輯：您可以使用本地存儲或會話存儲來執行某些操作，但是對於您遇到的問題來說似乎有點麻煩。