js如何获取url上的参数

经由过程JS获取URL上的参数,介绍以下两种体例:

1)字符串截取,按照问号(?)、与号(&)截取

2)利用正则表达式直接匹配出成果

     A)利用正则  /^[^\?]+\?([\w\W]+)$/               匹配问号前后的内容

     B)利用正则  /([^&=]+)=([\w\W]*?)(&|$|#)/g   匹配参数部门

方式/步调

  1. 1

    在统一目次下新建两个测试页面

         1)Home.html 用于放置测试毗连

         2)Test.html    用于解析URL参数

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

    点窜JS代码,将成果放到数组中返回

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

  6. 6

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

  7. 7

    利用正则匹配URL参数部门

         因为测试代码将解析成果存放在result2对象中的,是以,在浏览器的Console中输入result即可看到解析后的成果

  8. 8

    利用浏览器属性可以直接获取到URL问号后面的参数部门的字符串

  • 发表于 2018-08-13 00:00
  • 阅读 ( 882 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具