用JS獲取地址欄參數的方法（超級簡單）

時間 2019-12-11

標籤獲取地址參數方法超級簡單欄目 JavaScript 简体版

原文原文鏈接

用JS獲取地址欄參數的方法（超級簡單）javascript

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

function GetQueryString(name)java

{正則表達式

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");數組

var r = window.location.search.substr(1).match(reg);瀏覽器

if(r!=null)return unescape(r[2]); return null;服務器

}網絡

// 調用方法post

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

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"));

}

這樣就不會報錯了！

方法二：傳統方法

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>

stringvar.substr(start [, length ]

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

stringvar

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

start

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

length

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

若是 length 爲 0 或負數，將返回一個空字符串。若是沒有指定該參數，則子字符串將延續到 stringvar 的最後。

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

str.toLowerCase() 轉換成小寫 str.toUpperCase() 字符串所有轉換成大寫