JS簡單代碼輕松獲取頁面URL

作者：浪淘沙 2010-10-09 11:01:31

這里和大家分享一下如何用一段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