简单html网站网页url限制_前端原生html页面禁止直接url访问-CSDN博客

本文介绍了一种使用sessionStorage来实现网页权限控制的方法。该方法通过在第一个页面存储特定数据，在第二个页面加载时判断这些数据来进行权限设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做一个生日祝福网站，只想检查实现两个网页功能，用到JS。

想实现网页查看限制，只能由特定页面转入才可查看。通过查阅，发现网上大部分是利用headerReferer判断读取，但对于js跳转返回为null这一现象没有解决办法。

因此，我这篇文章，主要分享一下我采用的另一种简单方法。

但是发现利用 Http请求headerReferer是读不到数值的，原因是因为js的集中跳转页面是返回null

再次尝试利用跳转捆绑，另一个页面去识别内容并判断，这一操作方法太过于复杂且不简洁。

最后尝试利用sessionStorage，浏览器中存储特定的数据，另一个页面则是加载时进行判断数据进行权限设置。

代码如下：

第一个页面中：

var name=document.getElementById("name").value;  //读取表单数据，创建变量
var pass=document.getElementById("pass").value;
window.sessionStorage.setItem('name', name);   //发送变量，浏览器储存        
window.sessionStorage.setItem('pass', pass);

第二个页面中：

var password = window.sessionStorage.getItem('pass');//读取变量

需要注意调用var时，变量的范围。

这一种方法作为简单的html网页来说是简洁的。