首页 > 软件开发 > JQUERY >

js如何获取url上的参数

来源:互联网 2023-03-17 00:52:11 308

通过JS获取URL上的参数,介绍以下两种方式:ZFs办公区 - 实用经验教程分享!

1)字符串截取,根据问号(?)、与号(&)截取ZFs办公区 - 实用经验教程分享!

2)使用正则表达式直接匹配出结果ZFs办公区 - 实用经验教程分享!

A)使用正则 /^[^\?] \?([\w\W] )$/ 匹配问号前后的内容ZFs办公区 - 实用经验教程分享!

B)使用正则 /([^&=] )=([\w\W]*?)(&|$|#)/g 匹配参数部分ZFs办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在同一目录下新建两个测试页面ZFs办公区 - 实用经验教程分享!

    1)Home.html 用于放置测试连接ZFs办公区 - 实用经验教程分享!

    2)Test.html 用于解析URL参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 2

    在页面上添加超链接和获取URL地址的JSZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 3

    使用字符串截取的方式,解析URL的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 4

    添加测试地址中参数值为空的解析ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 5

    修改JS代码,将结果放到数组中返回ZFs办公区 - 实用经验教程分享!

    由于测试代码将解析结果存放在result数组中的,因此,在浏览器的Console中输入result即可看到解析后的结果ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    使用正则匹配URL中问号前面的部分ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 7

    使用正则匹配URL参数部分ZFs办公区 - 实用经验教程分享!

    由于测试代码将解析结果存放在result2对象中的,因此,在浏览器的Console中输入result即可看到解析后的结果ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 8

    使用浏览器属性可以直接获取到URL问号后面的参数部分的字符串ZFs办公区 - 实用经验教程分享!

    js如何获取url上的参数ZFs办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZFs办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码