使用js獲取url傳遞的引數值程式碼例項

螞蟻小編發表於2017-03-27

本章節介紹一下如何利用js獲取url傳遞的引數值,下面直接給出程式碼例項。

[JavaScript] 純文字檢視 複製程式碼
function getUrlParam(name){ 
  var reg=new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
  var r=location.search.substr(1).match(reg); 
  if(r!=null) return decodeURI(r[2]); 
  return null; 
}

下面對這個程式碼做一下簡單的註釋,還有不明白的可以跟帖留言。

一.程式碼註釋:

1.function getUrlParam(name){},此函式可以獲取引數名稱為name的引數值。

2.var reg=new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"),建立一個正規表示式物件,這個是核心的部分,它可以匹配類似&action=edit&這樣的字串。

3.var r=location.search.substr(1).match(reg),對查詢字串進行匹配。

4.if(r!=null) return decodeURI(r[2]),如果匹配內容不為空,就返回解碼後的第二個子字串的內容(引數值)。

二.相關閱讀:

1.location.search可以參閱location.search屬性一章節。

2.substr()函式可以參閱javascript ubstr()一章節。

3.match()函式可以參閱正規表示式match()函式一章節。

4.decodeURI()函式可以參閱javascript decodeURI()一章節。


相關文章