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