如何只显示一次 html 页面 - Html

有时我们需要在某个页面中只显示一次特定的 HTML 页面，而不希望用户在此页面进行任何操作之后再次看到特定的页面。本文将介绍两种方法来实现只显示一次 HTML 页面的效果。

方法一: 使用 sessionStorage

可以使用 sessionStorage 存储页面是否已经被访问的状态，如果已经被访问过，则不再显示。

if(sessionStorage.getItem('visited')) {
   // 页面已经访问过，不再显示
} else {
   // 显示页面
   sessionStorage.setItem('visited', true);
}

此方法的缺点是，页面关闭后 sessionStorage 会被清除，之后再次打开页面还是会看到特定的页面。

方法二: 使用 cookies

也可以使用 cookies 存储页面是否已经被访问的状态，如果已经被访问过，则不再显示。

if(document.cookie.search('visited=true') >= 0) {
   // 页面已经访问过，不再显示
} else {
   // 显示页面
   document.cookie = 'visited=true; expires=Fri, 31 Dec 9999 23:59:59 GMT';
}

此方法比 sessionStorage 更加持久，即使关闭页面并重新打开，也不会再次显示特定的页面。

以上两种方法均可以实现只显示一次 HTML 页面的效果，根据实际需求选择合适的方法即可。