javascript提取URL的搜索字符串中的參數(shù)(自定義函數(shù)實(shí)現(xiàn))
更新時(shí)間：2013年01月22日 18:01:21 作者：
我們經(jīng)常會(huì)看到有的頁(yè)面鏈接地址后面會(huì)跟有參數(shù),很多時(shí)候我們需要獲得這些參數(shù)的值,接下來(lái)將介紹獲取方法,感興趣的朋友可以了解系,希望本文對(duì)你有所幫助
今天在犀牛書(shū)上發(fā)現(xiàn)了一個(gè)有用的函數(shù) urlArgs（提取URL的搜索字符串中的參數(shù)）。我們經(jīng)常會(huì)看到有的頁(yè)面鏈接地址后面會(huì)跟有參數(shù)，比如 http://www.xxx.com/?username=yyy&password=zzz 之類的，很多時(shí)候我們需要獲得這些參數(shù)的值（yyy和zzz），那么就可以利用 urlArgs 函數(shù)，通過(guò)該函數(shù)的返回值（返回值是對(duì)象）的屬性來(lái)獲取。
urlArgs 函數(shù)代碼：
function urlArgs(){
var args = {};
var query = location.search.substring(1);
var pairs = query.split('&');
for(var i = 0; i < pairs.length; i++){
var pos = pairs[i].indexOf('=');
if(pos == -1) continue;
var name = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos + 1);
value = decodeURIComponent(value);
args[name] = value;
}
return args;
}
使用方法：
var args = urlArgs();
var username = args.username; //yyy
var password = args.password; //zzz
urlArgs 函數(shù)代碼：
復(fù)制代碼 代碼如下:
function urlArgs(){
var args = {};
var query = location.search.substring(1);
var pairs = query.split('&');
for(var i = 0; i < pairs.length; i++){
var pos = pairs[i].indexOf('=');
if(pos == -1) continue;
var name = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos + 1);
value = decodeURIComponent(value);
args[name] = value;
}
return args;
}
使用方法：
復(fù)制代碼 代碼如下:
var args = urlArgs();
var username = args.username; //yyy
var password = args.password; //zzz
相關(guān)文章
使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動(dòng)的動(dòng)畫(huà)效果
氣泡跟隨鼠標(biāo)移動(dòng)，并在每次點(diǎn)擊時(shí)產(chǎn)生不同的變化，效果非常迷人，下面小編給大家?guī)?lái)了，基于js實(shí)現(xiàn)的氣泡效果實(shí)例代碼，需要的朋友參考下吧2017-09-09
JavaScript中通過(guò)prototype屬性共享屬性和方法的技巧實(shí)例
這篇文章主要介紹了JavaScript中通過(guò)prototype屬性共享屬性和方法的技巧實(shí)例,本文直接給出一個(gè)代碼實(shí)例,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了JS去除字符串中空格的方法,涉及javascript字符串的正則、遍歷、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
uniapp發(fā)送formdata表單請(qǐng)求2種方法(全網(wǎng)最簡(jiǎn)單方法)
這篇文章主要給大家介紹了關(guān)于uniapp發(fā)送formdata表單請(qǐng)求2種方法的相關(guān)資料,本文介紹的方法應(yīng)該是全網(wǎng)最簡(jiǎn)單方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
Javascript實(shí)現(xiàn)基本運(yùn)算器
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)基本運(yùn)算器的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了原生js實(shí)現(xiàn)拖拽功能基本思路詳解,而拖拽的基本原理就是根據(jù)鼠標(biāo)的移動(dòng)來(lái)移動(dòng)被拖拽的元素。需要的朋友可以參考下2018-04-04
使用JavaScript實(shí)現(xiàn)點(diǎn)擊循環(huán)切換圖片效果
本文通過(guò)實(shí)例代碼給大家介紹了通過(guò)js實(shí)現(xiàn)點(diǎn)擊循環(huán)切換圖片效果，需要的朋友參考下2017-09-09
這篇文章主要介紹了利用JS來(lái)控制鍵盤的上下左右鍵示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JavaScript每天必學(xué)之事件,聊一聊事件冒泡與捕獲、事件冒泡的好處，感興趣的小伙伴們可以參考一下2016-09-09
BootStrap柵格系統(tǒng)可以把我們的container容器劃分為若干等分，如果想要每個(gè)部分之間留出一定的空隙，那么應(yīng)該怎么解決，本文就來(lái)介紹一下2021-08-08