JS簡單代碼輕松獲取頁面URL
作者：浪淘沙
這里和大家分享一下如何用一段JS簡單代碼獲取頁面來源地址，之前在寫ASM的時候要用到跳轉，從A頁進入B頁后，經過各種操作后，提交成功跳轉到成功提示頁面，再從提示頁面跳轉會A頁面。
本文向大家描述一下一段JS簡單代碼如何獲取頁面來源地址，如果要用到跳轉功能，從A頁進入B頁后，經過各種操作后，提交成功跳轉到成功提示頁面，再從提示頁面跳轉會A頁面。為了快速開發以及修改少量代碼，可以使用在B頁面用JS獲取訪問來源，從而實現客戶的要求。
一段JS簡單獲取頁面來源地址
之前在寫ASM的時候要用到跳轉，從A頁進入B頁后，經過各種操作后，提交成功跳轉到成功提示頁面，再從提示頁面跳轉會A頁面。其實要實現也不難，最簡單的方法是傳參，可用傳參必須修改大量的頁面，因為這個A頁面并非僅一個頁面，而是可以從多個入口進入B頁面，成功后再跳轉回原來的入口。為了快速開發以及修改少量代碼，我想到了在B頁面用JS獲取訪問來源，從而實現客戶的要求。
以下是B頁面JS代碼的一個Demo：
XML/HTML代碼
- <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
- <headidheadid="Head1"runat="server">
- <title>獲取頁面來源</title>
- <basetargetbasetarget="_self"/>
- </head>
- <scripttypescripttype="text/javascript">
- functiongetFrom()
- {
- varurl=document.referrer;
- if(url=="")
- {
- url="直接輸入網址";
- }
- varlocalUrl=window.location.href.toString();
- window.alert("來源："+url+"本頁地址："+localUrl);
- }
- </script>
- <body>
- <formidformid="form1"runat="server">
- <aonclickaonclick="getFrom()">點擊此處顯示頁面來源地址</a>
- </form>
- </body>
- </html>
用記事本把上面代碼Copy進去后存為getReferrer.htm，再建一個html頁面鏈接到該頁面即可。
注意：若A頁面是采用“location.href”這樣的方式跳轉的話，所獲取到的值是空的，因為這種跳轉方式相當于直接在地址欄輸入網址，從搜藏夾直接打開該頁面也是獲取不到。
【編輯推薦】
- 解析JS中定義Function的兩種實用方法
- 技術分享 如何識別控制DHTML和JS中的頁面元素
- prototype.js的Ajax對IE8兼容問題解決方案
- Javascript數組創建及其常見操作
- JavaScript調試工具解決IE6等多版本共存問題
責任編輯：佚名
來源：
opent.cn
