jquery获取url参数,jquery获得url链接中的参数值详解

之前给大家介绍一下jquery点击a标签怎么显示和隐藏div的内容,那么下面要给大家介绍的就是jquery获得url链接中的参数值的内容,来了解一下吧

1、新建一个html文件,命名test.html,用于讲解jquery获得url链接中的参数值。

jquery 获得url链接中的参数值

2、在test.html文件当中,使用script标签加载jquery.min.js文件,成功加载这个文件,才能够使用jquery方法。

jquery 获得url链接中的参数值

3、在js标签当中,创建一个getvalue()函数,用来获取当前链接当中的参数值,其中,name是函数的参数。

jquery 获得url链接中的参数值

4、在getvalue()函数当中,创建一个正则表达式,用于对匹配链接中的参数,得出参数值。

jquery 获得url链接中的参数值

5、在getvalue()函数当中,使用window.location.search获得从“?”开始的参数字符串,通过substr()方法去掉问号,之后,使用match()方法利用正则表达式得取参数值,保存在r变量中。

jquery 获得url链接中的参数值

6、在getvalue()函数内,再使用if语句判断匹配的结果,假如,得出的参数值不等于空,那么就返回参数值。最后,调用函数,使用alert()方法输出参数值。

jquery 获得url链接中的参数值

7、在浏览器打开test.html,在链接后面加上参数,查看得出的结果。

jquery 获得url链接中的参数值

你还想了解更多和jquery相关的知识吗?可以继续关注奇Q工具网来进行了解哦,除此之外,还有更多java编程常见问题可以为你进行分析和解答。

推荐阅读:

jquery选择器有哪些?jquery常用的选择器介绍

jquery dialog弹出框居中怎么设置?具体方法详解

jquery自定义插件怎么实现?