在js中,怎么获取url中传递的参数,请看下面的代码:
function QueryString(key) {
var reg= new RegExp (key + "=([^&#]*)","i");
var value = reg.exec(location.href);
if ( value == null )return null;
return decodeURI(value[1]);
}
测试结果如下:
//http://www.bbb.com/index.html?id=123&name=something
alert(QueryString('id'));
alert(QueryString('name'));
//Output
//123, something
//http://www.bbb.com/index.html#id=123#name=something
alert(QueryString('id'));
alert(QueryString('name'));
//Output
//123, something
QueryString主要是用到正则表达式来匹配相应的参数值。RegExp的详细用法,请参阅下文:
来源于:http://www.w3school.com.cn/js/jsref_obj_regexp.asp
JavaScript RegExp 对象参考手册
RegExp 对象
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。
直接量语法
/pattern/attributes
创建 RegExp 对象的语法:
new RegExp(pattern, attributes);
参数
参数pattern是一个字符串,指定了正则表达式的模式或其他正则表达式。
参数attributes是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果pattern是正则表达式,而不是字符串,则必须省略该参数。
返回值
一个新的 RegExp 对象,具有指定的模式和标志。如果参数pattern是正则表达式而不是字符串,那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。
如果不用 new 运算符,而将 RegExp() 作为函数调用,那么它的行为与用 new 运算符调用时一样,只是当pattern是正则表达式时,它只返回pattern,而不再创建一个新的 RegExp 对象。
抛出
SyntaxError - 如果pattern不是合法的正则表达式,或attributes含有 "g"、"i" 和 "m" 之外的字符,抛出该异常。
TypeError - 如果pattern是 RegExp 对象,但没有省略attributes参数,抛出该异常。
修饰符
修饰符
描述
i
|
执行对大小写不敏感的匹配。 |
g
|
执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 |
m |
执行多行匹配。 |
方括号
方括号用于查找某个范围内的字符:
表达式
描述
[abc]
|
查找方括号之间的任何字符。 |
[^abc]
|
查找任何不在方括号之间的字符。 |
[0-9] |
查找任何从 0 至 9 的数字。 |
[a-z] |
查找任何从小写 a 到小写 z 的字符。 |
[A-Z] |
查找任何从大写 A 到大写 Z 的字符。 |
[A-z] |
查找任何从大写 A 到小写 z 的字符。 |
[adgk] |
查找给定集合内的任何字符。 |
[^adgk] |
查找给定集合外的任何字符。 |
(red|blue|green) |
查找任何指定的选项。 |
元字符
元字符(Metacharacter)是拥有特殊含义的字符:
元字符
描述
.
|
查找单个字符,除了换行和行结束符。 |
\w
|
查找单词字符。 |
\W
|
查找非单词字符。 |
\d
|
查找数字。 |
\D
|
查找非数字字符。 |
\s
|
查找空白字符。 |
\S
|
查找非空白字符。 |
\b
|
查找位于单词的开头或结尾的匹配。 |
\B
|
查找不处在单词的开头或结尾的匹配。 |
\0 |
查找 NUL 字符。 |
\n
|
查找换行符。 |
\f |
查找换页符。 |
\r |
查找回车符。 |
\t |
查找制表符。 |
\v |
查找垂直制表符。 |
\xxx
|
查找以八进制数 xxx 规定的字符。 |
\xdd
|
查找以十六进制数 dd 规定的字符。 |
\uxxxx
|
查找以十六进制数 xxxx 规定的 Unicode 字符。 |
量词
量词
描述
n+
|
匹配任何包含至少一个 n 的字符串。 |
n*
|
匹配任何包含零个或多个 n 的字符串。 |
n?
|
匹配任何包含零个或一个 n 的字符串。 |
n{X}
|
匹配包含 X 个 n 的序列的字符串。 |
n{X,Y}
|
匹配包含 X 或 Y 个 n 的序列的字符串。 |
n{X,}
|
匹配包含至少 X 个 n 的序列的字符串。 |
n$
|
匹配任何结尾为 n 的字符串。 |
^n
|
匹配任何开头为 n 的字符串。 |
?=n
|
匹配任何其后紧接指定字符串 n 的字符串。 |
?!n
|
匹配任何其后没有紧接指定字符串 n 的字符串。 |
RegExp 对象属性
FF: Firefox, IE: Internet Explorer
RegExp 对象方法
FF: Firefox, IE: Internet Explorer
方法
描述
FF
IE
compile
|
编译正则表达式。 |
1 |
4 |
exec
|
检索字符串中指定的值。返回找到的值,并确定其位置。 |
1 |
4 |
test
|
检索字符串中指定的值。返回 true 或 false。 |
1 |
4 |
支持正则表达式的 String 对象的方法
FF: Firefox, IE: Internet Explorer
方法
描述
FF
IE
search
|
检索与正则表达式相匹配的值。 |
1 |
4 |
match
|
找到一个或多个正则表达式的匹配。 |
1 |
4 |
replace
|
替换与正则表达式匹配的子串。 |
1 |
4 |
split
|
把字符串分割为字符串数组。 |
1 |
4 |
分享到:
相关推荐
//获取url中的参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", i); // 匹配目标参数 var result = [removed].search.substr(1).match(reg); // 对querystring匹配...
方法一:正则分析法 代码如下: function getQueryString(name) { var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”, “i”); var r = [removed].search.substr(1).match(reg); if (r != null) return ...
今天碰到要在一个页面获取另外一个页面url传过来的参数,一开始很本能的想到了用 split("?")这样一步步的分解出需要的参数。后来想了一下,肯定会有更加简单的方法的!所以在网上找到了几个很又简单实用的方法,mark...
本文实例讲述了js获取url传值的方法。分享给大家供大家参考,具体如下: js获取url参数值: index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&…… 静态html文件js读取url参数 根据获取html的参数值控制...
asp.net中URL参数传值中文乱码的三种解决办法
下面小编就为大家带来一篇使用JavaScript获取Request中参数的值方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
asp.net下Request.QueryString取不到值的解决方法
从A页面通过url传参到B页面时,解析url参数可以用下面两种方法: 方法一:正则分析法 代码如下: function getQueryString(name) { var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”, “i”); var r = ...
Request.QueryString 获取的中文变乱码了,解决方法如下 1、html中,可以用js的 encodeURI() 方法将要传的中文处理,例如 encodeURI("I am 乱码") ,处理之后,字符串中的中文 “乱码” 两字将会被被十六进制的转义...
本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
下面小编就为大家带来一篇通过JS获取Request.QueryString()参数的值实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
getQueryString方法默认返回的是 string如果是int类型,则JS使用的时候,要进行转换一下,下面有个不错的示例,大家可以参考下
获取参数 下一步就是获取url里的参数值,因为ClickOnce应用程序没有HttpContext,所以就不能使用Request.QueryString方法获取参数。 然而可以从发布的上下文获取参数。下面的程序可以返回一个类型为...
原理是使用正则表达式匹配location.search中的字符串。其中三个主要函数为 getQueryString()、getQueryStringByName(name)和getQueryStringByIndex(index)
关键字:parameter 参数:location.href,url ,链接,javascript 方法1: 分解链接方式: 代码如下: [removed] function getQueryString(name) { // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回...
在 koa 中,GET请求获取请求数据request对象中的 query 方法和 querystring 方法, query方法返回的是格式化好的参数,querystring 方法返回的是请求字符串。废话不多说,直接上代码 app.js 中添加如下代码: ...