使用js获取QueryString的方法小结_javascript技巧

本文原理是使ç”??正则??¡????¾¾å¼åŒ¹??…location.search中的字符串。其中三个主??¦å‡½æ•??为 getQueryString()、getQueryStringByName(name)å’ŒgetQueryStringByIndex(index)

三个主??¦æ–¹æ³•ï¼š

方法	??¯´æ˜Ž
getQueryString	??Ž·å–QueryStringçš„æ•??组。 例如??·¯å¾„QueryStringDemo.html?id=5&type=1&flag=0 ????ƒç”??后??¿”回["id=5", "type=1", "flag=0"]
getQueryStringByName	根据QueryString参æ•??名ç???㨨Ž·å–值
getQueryStringByIndex	根据QueryString参æ•??索引??Ž·å–值

//??Ž·å–QueryStringçš„æ•??组
function getQueryString(){
var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));
for(var i = 0; i result[i] = result[i].substring(1);
}
return result;
}
//根据QueryString参æ•??名ç???㨨Ž·å–值
function getQueryStringByName(name){
var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
if(result == null || result.length return "";
}
return result[1];
}
//根据QueryString参æ•??索引??Ž·å–值
function getQueryStringByIndex(index){
if(index == null){
return "";
}
var queryStringList = getQueryString();
if (index >= queryStringList.length){
return "";
}
var result = queryStringList[index];
var startIndex = result.indexOf("=") + 1;
result = result.substring(startIndex);
return result;
}

测??¯•??¡µ??¢??·¯å¾„：QueryStringDemo.html?id=5&type=1&flag=0
??¡µ??¢åŠ ??½½æ—¶ï¼š

åœ??QueryString's name后的文本框中??¾“å…¥??¦??Ž·å–çš„QueryString的名ç???㨨Ž·å–相应的值：

åœ??QueryString's index后的文本框中??¾“å…¥??¦??Ž·å–çš„QueryString的索引??Ž·å–相应的值（索引从0å¼€å??‹ï¼‰ï¼š

??¿™æ ·å????可以åœ????¡µ??¢ä¸­æ–¹ä¾¿çš„??Ž·å–QueryString的值了。最后??™„上测??¯•??¡µ??¢QueryStringDemo.html的源代码：

QueryString :

QueryString's name :

QueryString's index :

结果 ：

pdf版下??½½åœ??址