js如何获取url上的参数

作者:wendy | 创建时间: 2023-07-25
通过JS获取URL上的参数,介绍以下两种方式: 1)字符串截取,根据问号(?)、与号(&)截取 2)使用正则表达式直接匹配出结果 A)使用正则  /^[^\?]+\?([\w\W]+)$/               匹配问号前后的内容 B...
js如何获取url上的参数

操作方法

在同一目录下新建两个测试页面 1)Home.html 用于放置测试连接 2)Test.html    用于解析URL参数

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

使用字符串截取的方式,解析URL的参数

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

修改JS代码,将结果放到数组中返回 由于测试代码将解析结果存放在result数组中的,因此,在浏览器的Console中输入result即可看到解析后的结果

使用正则匹配URL中问号前面的部分

使用正则匹配URL参数部分 由于测试代码将解析结果存放在result2对象中的,因此,在浏览器的Console中输入result即可看到解析后的结果

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

点击展开全文

更多推荐