Javascript 刷新浏览器后如何保留表单值？

我有一个简单的JSP，它有四个按钮（Button1、Button2、Button3和Button4）

当我单击按钮时，按钮值设置为隐藏字段

我需要在刷新页面后获得最新的按钮点击值（保留按钮值）

谁能帮帮我吗

<script>
    function one(tab){
        document.getElementById('h').value=tab;
    }

    function fun(){
        var value =document.getElementById('h').value;
        alert(value);
    }
</script>

<td> <input type="button" name="Tab1" id="Tab1" value="Table One" onClick="one('1')"/></td>
<td> <input type="button" name="Tab2" id="Tab2" value="Table Two" onClick="one('2')"/></td>
<td> <input type="button" name="Tab3" id="Tab3" value="Table Three"onClick="one('3')"/></td>
<td> <input type="button" name="Tab4" id="Tab4" value="Table four" onClick="fun()"/></td>

<input type="hidden" name="h" id="h"  value=""/>

功能一（选项卡）{
document.getElementById（'h'）。value=tab；
}
函数fun（）{
var值=document.getElementById（'h'）。值；
警报（值）；
}

---

您可以尝试使用cookies，例如：

function one(tab){
    createCookie("savedvar",tab,1);
}

然后通过以下方式访问它：

readCookie（“savedvar”）

---

使用以下代码：

您可以尝试使用cookies，例如：

function one(tab){
    createCookie("savedvar",tab,1);
}

然后通过以下方式访问它：

readCookie（“savedvar”）

---

使用以下代码：

有一个非常简单的库来保存表单变量。它的目的是自动保存它们，这样您就不必担心设置和获取单个值。代码如下：

这里还有一个更全面的图书馆：

---

有一个非常简单的库来保存表单变量。它的目的是自动保存它们，这样您就不必担心设置和获取单个值。代码如下：

这里还有一个更全面的图书馆：

现在，您可以使用来完成此任务。您不想使用cookie，因为cookie是跨浏览器选项卡共享的

sessionStorage与Window.localStorage类似，唯一的区别是，虽然localStorage中存储的数据没有过期设置，但当页面会话结束时，sessionStorage中存储的数据将被清除。只要浏览器处于打开状态，页面会话就会持续，并且在页面重新加载和恢复过程中仍然有效在新选项卡或窗口中打开页面将导致启动新会话，这与会话cookie的工作方式不同

现在你可以用它来完成这项任务。您不想使用cookie，因为cookie是跨浏览器选项卡共享的

sessionStorage与Window.localStorage类似，唯一的区别是，虽然localStorage中存储的数据没有过期设置，但当页面会话结束时，sessionStorage中存储的数据将被清除。只要浏览器处于打开状态，页面会话就会持续，并且在页面重新加载和恢复过程中仍然有效在新选项卡或窗口中打开页面将导致启动新会话，这与会话cookie的工作方式不同

---

谢谢你的回答。我没有访问cookie。我的想法是在页面刷新之前获取单击的按钮值。谢谢，我实现了相同的逻辑。工作很好-谢谢你的回答。我没有访问cookie。我的想法是在页面刷新之前获取单击的按钮值。谢谢，我实现了相同的逻辑。工作正常-在您正在处理的场景中，您是否关注编程触发的刷新或用户单击浏览器的刷新按钮？在您正在处理的场景中，您是否关注编程触发的刷新或用户单击浏览器的刷新按钮？