js如何获取url上的参数

经由过程JS获取URL上的参数 , 介绍以下两种体例:
1)字符串截取 , 按照问号(?)、与号(&)截取
2)利用正则表达式直接匹配出成果
     A)利用正则  /^[^\?]+\?([\w\W]+)$/               匹配问号前后的内容
     B)利用正则  /([^&=]+)=([\w\W]*?)(&|$|#)/g   匹配参数部门
方式/
1在统一目次下新建两个测试页面
【js如何获取url上的参数】     1)Home.html 用于放置测试毗连
     2)Test.html    用于解析URL参数

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

2在页面上添加超链接和获取URL地址的JS

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

3利用字符串截取的体例 , 解析URL的参数

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

4添加测试地址中参数值为空的解析

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

5点窜JS代码 , 将成果放到数组中返回
     因为测试代码将解析成果存放在result数组中的 , 是以 , 在浏览器的Console中输入result即可看到解析后的成果

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

js如何获取url上的参数

文章插图

6利用正则匹配URL中问号前面的部门

js如何获取url上的参数

文章插图

js如何获取url上的参数

推荐阅读