建站
咨詢
售后
建站咨詢
新聞中心
本文提供了兩個實例，其中，示例一講解JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成JSON對象；示例二講解js獲取url傳遞參數(shù)，具體介紹內(nèi)容請看下文：
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、淮南網(wǎng)絡(luò)推廣、微信小程序、淮南網(wǎng)絡(luò)營銷、淮南企業(yè)策劃、淮南品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供淮南建站搭建服務(wù)，24小時服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
示例一：
//把url的參數(shù)部分轉(zhuǎn)化成json對象
parseQueryString: function (url) {
var reg_url = /^[^\?]+\?([\w\W]+)$/,
reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
arr_url = reg_url.exec(url),
ret = {};
if (arr_url && arr_url[1]) {
var str_para = arr_url[1], result;
while ((result = reg_para.exec(str_para)) != null) {
ret[result[1]] = result[2];
}
}
return ret;
}
// 通過key獲取url中的參數(shù)值
getQueryString: function (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;
}示例二：
js通過兩種方法獲取url傳遞參數(shù)：
js獲取url傳遞參數(shù)方法一：
這里是一個獲取URL帶QUESTRING參數(shù)的JAVASCRIPT客戶端解決方案，相當(dāng)于asp的request.querystring，PHP的$_GET函數(shù):
然后我們通過調(diào)用此函數(shù)獲取對應(yīng)參數(shù)值：
以此獲取url串中所帶的同名參數(shù)
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 (r[2]); return null;
}
alert(GetQueryString("參數(shù)名1"));
alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
其他參數(shù)獲取介紹：
//設(shè)置或獲取對象指定的文件名或路徑。
?
alert(window.location.pathname);
//設(shè)置或獲取整個 URL 為字符串。
?
alert(window.location.href);
//設(shè)置或獲取與 URL 關(guān)聯(lián)的端口號碼。
?
alert(window.location.port);
//設(shè)置或獲取 URL 的協(xié)議部分。
?
alert(window.location.protocol);
//設(shè)置或獲取 href 屬性中在井號“#”后面的分段。
?
alert(window.location.hash);
//設(shè)置或獲取 location 或 URL 的 hostname 和 port 號碼。
?
alert(window.location.host);
//設(shè)置或獲取 href 屬性中跟在問號后面的部分。
?
alert(window.location.search);js如何獲取url所傳遞的參數(shù)和參數(shù)值
大家知道可以使用url傳遞參數(shù)值，本站幾乎隨便一個鏈接都會有傳值，既然要傳遞值，那么自然要獲取，否則就沒有任何意義了，下面就通過實例介紹一下如何使用javascript獲取url傳遞的參數(shù)和參數(shù)值。
代碼實例如下:
[javascript]
(function(){
var urlToObject=function(url){
var urlObject = {};
if (/\?/.test(url)){
var urlString=url.substring(url.indexOf("?")+1);
var urlArray=urlString.split("&");
for(var i=0,len=urlArray.length;i
7.for(var i=0,len=urlArray.length;i
9.var item=urlItem.split("=")，再使用=分割字符串并生成一個數(shù)組，因為urlArray數(shù)組每一個元素都是一個參數(shù)和參數(shù)值對，例如"a=0",這樣再經(jīng)過分割，生成新數(shù)組的第一項就是參數(shù)名稱，第二個項就是參數(shù)值。
10.urlObject[item[0]]=item[1]，將參數(shù)名稱作為對象的屬性名稱，參數(shù)值作為對象的屬性值。
11.return urlObject，返回對象。
12.var testUrl=http://softwhy.com/index.php?a=0&b=1&c=2，用作測試的url。
13.var result=urlToObject(testUrl)，將參數(shù)和參數(shù)值轉(zhuǎn)換成對象的屬性和屬性值，并返回此對象。
14.for(var key in result)，遍歷此對象.
分享文章：創(chuàng)新互聯(lián)JSON教程：JS根據(jù)key值獲取URL中的參數(shù)值
網(wǎng)址分享：http://www.5511xx.com/article/dpdsjos.html
