js獲取url參數(shù)值的兩種方式
更新時間：2013年09月10日 16:02:38 作者：
js獲取url參數(shù)值的方法有很多，下面也為大家介紹兩種，喜歡的朋友可以測試下，希望對大家有所幫助
方法一：正則分析法
function 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 null;
}
調(diào)用方法：
alert(GetQueryString("參數(shù)名1"));alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
方法二
<Script language="javascript">
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;
}
</Script>
調(diào)用方法：
<Script language="javascript">
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'];
</Script>
復(fù)制代碼 代碼如下:
function 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 null;
}
調(diào)用方法：
alert(GetQueryString("參數(shù)名1"));alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
方法二
復(fù)制代碼 代碼如下:
<Script language="javascript">
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;
}
</Script>
調(diào)用方法：
<Script language="javascript">
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'];
</Script>
相關(guān)文章
這篇文章主要介紹了JavaScript 高階函數(shù)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
js如何將多個json結(jié)構(gòu)組成的字符串轉(zhuǎn)換為數(shù)組？
接口返回的EventStream結(jié)構(gòu)的數(shù)據(jù),由于http流式傳輸時,可能會分段,所以導(dǎo)致本該每次返回一段json數(shù)據(jù)結(jié)構(gòu)的字符串,變成了多個json數(shù)據(jù)結(jié)構(gòu)的字符串拼接在了一起,本文講述js如何將多個json結(jié)構(gòu)組成的字符串轉(zhuǎn)換為數(shù)組2024-08-08
這篇文章主要介紹了如何利用HTML+CSS+JS編寫一個機(jī)器人總動員小游戲,代碼簡單易懂對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
這篇文章主要為大家詳細(xì)介紹了javascript模擬實現(xiàn)計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組的實現(xiàn)示例
這篇文章主要介紹了JS 將偽數(shù)組轉(zhuǎn)換成數(shù)組，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
大家仔細(xì)看下面兩段代碼，代碼一的window.onload = doIt()函數(shù)后面有();而代碼二的window.onload = doIt函數(shù)名后面沒有括號。2008-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實現(xiàn)雨滴特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了微信小程序項目總結(jié)之點贊 刪除列表 分享功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
這篇文章主要為大家介紹了javascript實現(xiàn)自定義事件的方法，自定義事件，顧名思義，就是自己定義事件類型，自己定義事件處理函數(shù)，javascript如何實現(xiàn)自定義事件,需要了解的朋友可以參考下2016-01-01
javascript跟隨滾動效果插件代碼（javascript Follow Plugin）
這篇文章介紹了javascript跟隨滾動效果插件代碼（javascript Follow Plugin），有需要的朋友可以參考一下2013-08-08