今天帶來一個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頁面的話就會提示來路不正確。
用法很多,具體用法可以自己慢慢嘗試。玩出新花樣!