使用js获取QueryString的方法小结_javascript技巧_脚本之家

getQueryStringByIndex

结果 :

getQueryString

调用后返回[“id=5”, “type=1”, “flag=0”]

例如路径QueryStringDemo.html?id=5&type=1&flag=0

说明

获取QueryString的数组。

pdf版下载地址

QueryString’s name :

复制代码 代码如下://获取QueryString的数组
function getQueryString(){ var result = location.search.match(new
RegExp(“[?&][^?&]+=[^?&]+”,”g”)); for(var i = 0; i
< result.length; i++){ result[i] = result[i].substring; } return
result; } //根据QueryString参数名称获取值 function getQueryStringByName{
var result = location.search.match(new RegExp(“[?&]” + name+ “=;
if(result == null || result.length < 1){ return “”; } return
result[1]; } //根据QueryString参数索引获取值 function
getQueryStringByIndex{ if{ return “”; } var queryStringList =
getQueryString(); if (index >= queryStringList.length){ return “”; }
var result = queryStringList[index]; var startIndex = result.indexOf +
1; result = result.substring; return result; }
测试页面路径:QueryStringDemo.html?id=5&type=1&flag=0 页面加载时:
在QueryString’s
name后的文本框中输入要获取的QueryString的名称获取相应的值:
在QueryString’s
index后的文本框中输入要获取的QueryString的索引获取相应的值:
这样就可以在页面中方便的获取QueryString的值了。最后附上测试页面QueryStringDemo.html的源代码:
复制代码 代码如下:

www.6766.com ,方法

本文原理是使用正则表达式匹配location.search中的字符串。其中三个主要函数为
getQueryString()、getQueryStringByName和getQueryStringByIndex

QueryString :

QueryString’s index :

三个主要方法:

getQueryStringByName

根据QueryString参数名称获取值

根据QueryString参数索引获取值

QueryString获取演示代码 www.jb51.net

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图