js獲取url參數(shù)值的方法

創(chuàng)新互聯(lián)公司是一家集做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站頁面設(shè)計、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)絡(luò)公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗,以探求精品塑造與理念升華,設(shè)計最適合用戶的網(wǎng)站頁面。 合作只是第一步，服務(wù)才是根本,我們始終堅持講誠信，負(fù)責(zé)任的原則，為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。

Location 對象是 Window 對象的一個部分，可通過 window.location 屬性來訪問。

hash：設(shè)置或返回從井號 (#) 開始的 URL（錨）。

host：設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號。

hostname：設(shè)置或返回當(dāng)前 URL 的主機(jī)名。

href：設(shè)置或返回完整的 URL。

pathname：設(shè)置或返回當(dāng)前 URL 的路徑部分。

port：設(shè)置或返回當(dāng)前 URL 的端口號。

protocol：設(shè)置或返回當(dāng)前 URL 的協(xié)議。

search：設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。

js獲取url參數(shù)值的方式

一個參數(shù)：

var test =window.location.href;
var 參數(shù)=test.split("?參數(shù)=")[1];

多個參數(shù)：

方式一：

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; 
}

調(diào)用方法:

var 參數(shù)1 = GetQueryString['參數(shù)1'];
var 參數(shù)2 = GetQueryString['參數(shù)2'];
var 參數(shù)3 = GetQueryString['參數(shù)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;
}

調(diào)用方法：

var Request = new Object();
Request = GetRequest();
var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N;
參數(shù)1 = Request['參數(shù)1'];
參數(shù)2 = Request['參數(shù)2'];
參數(shù)3 = Request['參數(shù)3'];
參數(shù)N = Request['參數(shù)N'];

以上就是詳解js獲取url參數(shù)值的方法的詳細(xì)內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！

當(dāng)前題目：javascript如何獲取url參數(shù)值-創(chuàng)新互聯(lián)
文章URL：http://weahome.cn/article/goipp.html