Js判断是否是直接进入本页面的

今天带来一个Js的小示例,用来判断当前页面的链接来路。很多人应该可以用到,这个虽然非常简单,但是用到的地方却还是挺多的

首先新建一个index.html,代码如下

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>第一个页面</title>
 6 </head>
 7 <body>
 8     <button onclick="window.location='index02.html';">正常进入</button>
 9 </body>
10 </html>

新建第一个页面之后,我们的例子就完成了一大半了

然后我们继续新建第二个页面index02.html,代码如下

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 //用b接收来路链接
 8             var b = document.referrer;
 9 //判断来路链接是否为空,若为空则什么都不提示,若不为空则为正常访问
10             if(b == ""){
11                 alert('来历不明!');
12             }
13     </script>
14 </head>
15 <body>
16     <h2>我是第二个页面,如果直接访问index02.html则会提示“来历不明!”</h2>
17 </body>
18 </html>

最后效果可以自行测试,从第一个页面进入第二个页面的话则正常访问

但是如果直接访问index02.html页面的话就会提示来路不正确。

用法很多,具体用法可以自己慢慢尝试。玩出新花样!

原文地址:https://www.cnblogs.com/shadada/p/6904736.html