js獲取url鏈接中的參數:url傳遞參數這是常識,這裡就不多介紹了,既然傳遞參數就要獲取參數的值,下麵就介紹一下如何實現此功能。代碼如下:function request(paras){ var url="softwhy.com?a=1&b=2"; var paraString=url....
js獲取url鏈接中的參數:
url傳遞參數這是常識,這裡就不多介紹了,既然傳遞參數就要獲取參數的值,下麵就介紹一下如何實現此功能。
代碼如下:
function request(paras){ var url="softwhy.com?a=1&b=2"; var paraString=url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj={} for(var i=0;i<paraString.length;i++){ var j=paraString[i]; paraObj[j.substring(0,j.indexOf("=")).toLowerCase()]=j.substring(j.indexOf("=")+1,j.length); } var returnValue=paraObj[paras.toLowerCase()]; if(typeof(returnValue)=="undefined"){ return ""; } else{ return returnValue; } } console.log(request('a')); console.log(request('b'));
以上代碼實現了我們想要的功能,能夠輸出指定的url中參數的值,下麵簡單介紹一下實現過程。
一.實現原理:
原理其實非常的簡單,一句話就是在正確的位置截取字元串,首先截取?以後的字元串,然後再使用&分割這個字元串生成數組,然後再通過截取字元串的方式,將參數名稱和參數值作為鍵值對存入對象直接量,原理大致如此。
二.代碼註釋:
1.function request(param){},獲取參數值得函數,參數為url中的傳遞的參數名稱。
2.var url="softwhy.com?a=1&b=2",將要獲取參數的url鏈接地址。
3.var paraString=url.substring(url.indexOf("?")+1,url.length).split("&"),url.substring(url.indexOf("?")+1,url.length)先用這個截取?以後的字元,然後再使用split()函數分割字元串生成一個函數。
4.var paraObj={},聲明一個對象直接量。
5.for(var i=0;i<paraString.length;i++){},遍曆數組中的每一個元素。
6.var j=paraString,將數組中的元素賦值給j。
7.paraObj[j.substring(0,j.indexOf("=")).toLowerCase()]=j.substring(j.indexOf("=")+1,j.length),j.substring(0,j.indexOf("=")).toLowerCase()獲取的是url參數的名稱,j.substring(j.indexOf("=")+1,j.length)獲取參數值,這樣就是將參數名作為屬性名,參數值作為屬性值。
8.var returnValue=paraObj[param.toLowerCase()],指定屬性名稱的屬性值賦值給變數returnValue。
9.if(typeof(returnValue)=="undefined"){return ""},如果returnValue值為undefined,也就是說不存在,就返回空字元。
10.否則返回returnValue。
三.相關閱讀:
1.substring()函數可以參閱javascript的String對象的substring()方法一章節。
2.indexOf()函數可以參閱javascript的String對象的indexOf()方法一章節。
3.split()函數可以參閱javascript的String對象的split()方法一章節。
4.toLowerCase()函數可以參閱javascript的String對象的toLowerCase()方法一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9555
更多內容可以參閱:http://www.softwhy.com/javascript/