首頁 > web前端 > js教程 > JS取得URL中參數值(QueryString)的4種方法分享_javascript技巧

JS取得URL中參數值(QueryString)的4種方法分享_javascript技巧

WBOY
發布: 2016-05-16 16:52:25
原創
1471 人瀏覽過

方法一:正規法

複製程式碼 程式碼如下:

程式碼getQueryString(name) {
    var reg = new RegExp('(^|&)' name '=([^&]*)(&|$)', 'i');
    var r = window .location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
     return unescape(r[2]);
     return unescape(r[2]);
>}
// 這樣呼叫:alert(GetQueryString("參數名稱1"));

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

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


方法二:split拆分法
程式碼如下:

function GetRequest() {
    var url = location.search; //取得中url"?"符後url的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
     = str.split("&");
        for(var i = 0; i         unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
    return theRequest;
}
}
Request = GetRequest();
// var 參數1,參數2,參數3,參數N;
// 參數1 = Request['參數1'];
// 參數2 = Request[ '參數2'];
// 參數3 = Request['參數3'];// 參數N = Request['參數N'];



方法三:又見正規

透過JS取得url參數,這個常用到。比如說一個url:http://wwww.jb51.net/?q=js,我們想得到參數q的值,那可以透過以下函數呼叫即可。 複製程式碼
程式碼如下:


f new RegExp("(^|&)" name "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match (reg);  //取得url中"?"符後的字串並正規符合
    var context = ""; 
    if (r != null) 
     if (r != null)       if (r != null)      🎜>    reg = null; 
    r = null; 
    return context == null || context == "" || context == "undefined" ? "" == null || context == "" || context == "undefined" ? "" == null || context == "" || context == "undefined" ? "" == nulltext; (GetQueryString("q"));


方法四:單一參數的取得方法

function GetRequest() {

   var url = location.search; //取得url中"?"符後的字符串

   if (url.indexOf("?") != -1) { //判斷是否有參數
      var str = url.substr(1); //從第一個字元開始因為第0個是?號取得所有除問號的所有符串
      strs = str.split ("=");   //用等號分隔(因為知道只有一個參數所以直接用等號進分隔如果有多個參數要用&號分隔再用等號進行分隔)
      alert(strs[ 1]);          //直接彈出第一個參數(若有多個參數還要進行循環的)
   }
}

 

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板