首頁  >  文章  >  web前端  >  詳解js取得url參數值的方法

詳解js取得url參數值的方法

coldplay.xixi
coldplay.xixi轉載
2020-06-12 18:09:543411瀏覽

詳解js取得url參數值的方法

js取得url參數值的方法

Location 物件是Window 物件的部分,可透過window. location 屬性來存取。

hash:設定或傳回從井號 (#) 開始的 URL(錨)。

host:設定或傳回主機名稱和目前 URL 的連接埠號碼。

hostname:設定或傳回目前 URL 的主機名稱。

href:設定或傳回完整的 URL。

pathname:設定或傳回目前 URL 的路徑部分。

port:設定或傳回目前 URL 的連接埠號碼。

protocol:設定或傳回目前 URL 的協定。

search:設定或傳回從問號 (?) 開始的 URL(查詢部分)。

js取得url參數值的方式

一個參數:

var test =window.location.href;
var 参数=test.split("?参数=")[1];

多個參數:

方式一:

function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  var context = ""; 
  if (r != null) 
     context = r[2]; 
  reg = null; 
  r = null; 
  return context == null || context == "" || context == "undefined" ? "" : context; 
}

呼叫方法:

var 参数1 = GetQueryString['参数1'];
var 参数2 = GetQueryString['参数2'];
var 参数3 = GetQueryString['参数3'];

方式二:

function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}

呼叫方法:

var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[&#39;参数1&#39;];
参数2 = Request[&#39;参数2&#39;];
参数3 = Request[&#39;参数3&#39;];
参数N = Request[&#39;参数N&#39;];

推薦教學:《JS教學

以上是詳解js取得url參數值的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:liqingbo.cn。如有侵權,請聯絡admin@php.cn刪除