Javascript 使按钮永久消失

我有一种情况，当用户单击a页中的按钮时，按钮将消失并转到B页。当用户返回a页时，按钮仍将消失。有可能这样做吗？这听起来合乎逻辑吗

<table>
        <tr>
            <th>Booking Number</th>
            <th>checkin</th>
            <th>checkout</th>
            <th>Num. of days</th>
            <th>Total Charges</th>
            <th>Breakfast</th>
            <th>accommodation ID</th>
        </tr>
    <c:forEach items="${books}" var="book">
            <tr>
                <td><c:out value="${book.bookingnum}" /></td>
                <td><c:out value="${book.checkin}" /></td>
                <td><c:out value="${book.checkout}" /></td>
                <td><c:out value="${book.numofdays}" /></td>
                <td><c:out value="${book.totalcharges}" /></td>
                <td><c:out value="${book.bfast}" /></td>
                <td><c:out value="${book.accid}" /></td>
                <td>
                <form name="reserveSubmitForm" method="post" action="Payment1Controller?action=createPayment&bookingnum=<c:out value="${book.bookingnum}"/>">
                <input  type="submit" class="btn btn-primary btn-block" value="Pay">onclick="style.display = 'none'"
                <input type="hidden" name="totalcharges" id="totalcharges" value="${book.totalcharges}"/>
                </form>
                </td>
            </tr>
    </c:forEach>
</table>

订舱号
签到
结账
天数
总费用
早餐
住宿ID
onclick=“style.display=”无“

单击按钮时，您可以在

会话存储中设置值。另外，在页面加载时，检查会话存储中是否存在该值，如果存在，则隐藏按钮。例如：

<a href="foo">foo</a>


我认为cookies不是一个好主意，因为这些信息似乎只与客户端相关，而与服务器无关。（cookies将被发送到服务器）

会话存储
在页面会话中持续存在。如果要在浏览器重新打开后仍隐藏按钮，请改用
localStorage
，它使用文件系统而不是内存，并且是持久的。
单击按钮时，可以在
会话存储中设置值。另外，在页面加载时，检查会话存储中是否存在该值，如果存在，则隐藏按钮。例如：

<a href="foo">foo</a>


我认为cookies不是一个好主意，因为这些信息似乎只与客户端相关，而与服务器无关。（cookies将被发送到服务器）

会话存储
在页面会话中持续存在。如果您想在浏览器重新打开后隐藏按钮，请改用
localStorage
，它使用文件系统而不是内存，并且是持久的。
如果您想临时隐藏按钮，可以使用GET方法。您可以将URL中的附加值从第二页传递到第一页，并检查该值是否存在

例如：

<a href="pageOne.php?movingback=true">Go To Page One</a>



在第一页上，检查是否存在movingback（我正在使用php执行相同的操作）

如果您想临时使用此方法，可以使用GET方法。您可以将URL中的附加值从第二页传递到第一页，并检查该值是否存在

例如：

<a href="pageOne.php?movingback=true">Go To Page One</a>



在第一页上，检查是否存在movingback（我正在使用php执行相同的操作）

您可以使用Cookies我想您需要提供更多的信息。您可以使用Cookies我想您需要提供更多的信息。谢谢您的回答：D根据您的示例，如果我想使用localStorage，那么我可以将sessionStorage更改为localStorage？是的，用
localStorage
替换两个
sessionStorage
我还有一个问题，“a.addEventListener（'click'，（）=>”和=>是什么意思？因为当我把代码放在script.js中时，它显示错误。它说：这一行有多个标记-标记上的语法错误（'，此标记后应为表达式-标记“>”上出现语法错误，无效的FunctionExpressionHeaderSounds表示您使用的是不支持ES2015的过时浏览器。请切换到更现代的浏览器，理想情况下，但如果不能，请改为使用标准函数：
“单击“”，函数（）{…
您可以使用Babel将ES6+语法自动转换为ES5。哇..以前从未听说过。非常感谢您，先生！谢谢您的回答：D根据您的示例，如果我想使用localStorage，那么我可以将sessionStorage更改为localStorage？是的，只需将两个
sessionStorage
s替换为
localSt即可orage
我还有一个问题，“a.addEventListener（'click'，（）=>”是什么意思？因为当我把代码放在script.js中时，它显示了错误。它说：这一行有多个标记-标记上的语法错误“（”，这个标记后面应该有表达式-标记上的语法错误“>”，无效的FunctionExpressionHeaders听起来就像您使用的是不支持ES2015的过时浏览器。最好切换到更现代的浏览器，但如果不能，请使用标准函数：
“单击”，函数（）{…
您可以使用Babel自动将ES6+语法转换为ES5。哇..以前从未听说过。非常感谢您，先生！：D