JS獲取地址欄參數的兩種方法(簡單實用)

2019-11-20 09:42:19

字體：大中小

來源：轉載

供稿：網友

js獲取地址欄參數的方法有兩種：第一種，采用正則表達式獲取地址欄參數，第二種，是比較傳統的方法，在這小編給大家強烈推薦使用第一種方法，既方便有實用，具體實現過程請看下文詳述。

方法一：采用正則表達式獲取地址欄參數：（強烈推薦，既實用又方便！）

function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]); return null;}

// 調用方法

alert(GetQueryString("參數名1"));

alert(GetQueryString("參數名2"));

alert(GetQueryString("參數名3"));

下面舉一個例子:

若地址欄URL為：abc.html?id=123&url=http://www.maidq.com

那么，但你用上面的方法去調用：alert(GetQueryString("url"));

則會彈出一個對話框：內容就是 http://www.maidq.com

如果用：alert(GetQueryString("id"));那么彈出的內容就是 123 啦；

當然如果你沒有傳參數的話，比如你的地址是 abc.html 后面沒有參數，那強行輸出調用結果有的時候會報錯：

所以我們要加一個判斷，判斷我們請求的參數是否為空，首先把值賦給一個變量：

var myurl=GetQueryString("url");if(myurl !=null && myurl.toString().length>1){alert(GetQueryString("url"));}

這樣就不會報錯了！

方法二：傳統方法

<script type="text/javascript">function UrlSearch() {var name,value; var str=location.href; //取得整個地址欄var num=str.indexOf("?") str=str.substr(num+1); //取得所有參數 stringvar.substr(start [, length ]var arr=str.split("&"); //各個參數放到數組里for(var i=0;i < arr.length;i++){ num=arr[i].indexOf("="); if(num>0){ name=arr[i].substring(0,num);value=arr[i].substr(num+1);this[name]=value;} } } var Request=new UrlSearch(); //實例化alert(Request.id);</script>

比如說把這個代碼存為1.html

那么我要訪問1.html?id=test

這個時候就取到test的值了

在html里調用

<script type="text/javascript">var a="http://baidu.com";</script></head><body><a id="a1" href="">sadfsdfas</a><script>var a1=document.getElementById("a1");a1.href=a;</script><script type="text/javascript"> var a="http://xxx.com/gg.htm?cctv"; var s=a.indexOf("?"); var t=a.substring(s+1);// t就是?后面的東西了 </script>

stringvar.substr(start [, length ]

返回一個從指定位置開始的指定長度的子字符串。

stringvar

必選項。要提取子字符串的字符串文字或 String 對象。

start

必選項。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。

length

可選項。在返回的子字符串中應包括的字符個數。

如果 length 為 0 或負數，將返回一個空字符串。如果沒有指定該參數，則子字符串將延續到 stringvar 的最后。

下面列舉出一些相關的參數：

str.toLowerCase() 轉換成小寫
str.toUpperCase() 字符串全部轉換成大寫

URL即:統一資源定位符 (Uniform Resource Locator, URL)