js获取url传递参数

 

function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return (decodeURIComponent(r[2])); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

 

    以上已经做了参数编码。

    1.window.location.search

     含义：获取的是url中包含?的字符串

     例子：url为：http://localhost:8080/JsonTest/index.jsp?a=1&b=2

                window.location.search是?a=1&b=2

 

    2.正则表达式解析

      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");

   含义：以上表达式有三个子匹配项，忽略大小写，以name开头或者以&符号开始的，

   等号后不出现&符号的任意字符，之后或者跟&符号。

  3.match 

  此处情况：

  为什么是r[2]返回呢，就是因为这是match返回的数组，第0个是匹配的文本，第1个是第一个子匹配项，第2个是第二个子匹配项

  例子：http://localhost:8080/JsonTest/index.jsp?a=1&b=2

    js调用： GetQueryString("a");

    在GetQueryString方法中，r如下：

  ["a=1&", "", "1", "&"]

定义和用法

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。

语法

stringObject.match(searchvalue)
stringObject.match(regexp)

参数 描述

searchvalue	必需。规定要检索的字符串值。
regexp	必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

返回值

存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

说明

match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

注意：在全局检索模式下，match() 即不提供与子表达式匹配的文本的信息，也不声明每个匹配子串的位置。如果您需要这些全局检索的信息，可以使用 RegExp.exec()。

实例

例子 1

在本例中，我们将在 "Hello world!" 中进行不同的检索：

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

输出：

world
null
null
world!

例子 2

在本例中，我们将使用全局匹配的正则表达式来检索字符串中的所有数字：

<script type="text/javascript">

var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))

</script>

输出：

1,2,3

 

  其他参数获取介绍：

//设置或获取对象指定的文件名或路径
alert(window.location.pathname);
例子：http://localhost:8080/JsonTest/index.jsp?a=1&b=2

 结果是/JsonTest/index.jsp

//设置或获取整个 URL 为字符串。
alert(window.location.href);

//设置或获取与 URL 关联的端口号码。
alert(window.location.port);


//设置或获取 URL 的协议部分。
alert(window.location.protocol);

//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);

 

参考：http://www.w3school.com.cn/jsref/jsref_match.asp