当前位置:网站首页 > 创业 > 正文

js如何获取url上的参数

0 张子豪 张子豪 2025-10-11 15:40 1

经由过程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问号后面的参数部门的字符串

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/226101.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图