今天带来一个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页面的话就会提示来路不正确。
用法很多,具体用法可以自己慢慢尝试。玩出新花样!