在 sessionStorage 中提交后保存消息

Question

我有一个在提交表单和隐藏表单后显示文本的功能：

function change() {
    document.getElementById('form').style.display ='none';
    document.getElementById('thanks').style.display = '';
}

现在我想在使用 sessionstorage 刷新站点后保存此消息，但我完全不知道它是如何工作的，我也不明白这个想法。

我只是不想让用户选择发送另一个表单，除非他关闭浏览器。

在html中：

    <button type="submit"  id="button" onclick="change()">Send</button>
    <input type="reset" id="button">
  </form>
</div>
<h1 id="thanks" style="display:none">Thanks for submit the form!</h1>

Answer 1

我会这样做：在 change() 函数中设置 sessionStorage 中的变量；并根据此变量集有条件地渲染元素：

window.onload = isChange;

function change() {
    sessionStorage.setItem('change', true);

    isChange();
}

function isChange() {
    if (sessionStorage.getItem('change')) {
        document.getElementById('form').style.display ='none';
        document.getElementById('thanks').style.display = '';
    } else {
        document.getElementById('form').style.display ='';
        document.getElementById('thanks').style.display = 'none'n
    }
}

在 sessionStorage 中提交后保存消息

Saving message after submit in sessionStorage

html

javascript

session-storage