js如何获取url上的参数

通过JS获取URL上的参数，介绍以下两种方式：
1）字符串截取，根据问号(?)、与号(&)截取
2）使用正则表达式直接匹配出结果
A）使用正则  /^[^\?]+\?([\w\W]+)$/               匹配问号前后的内容
B）使用正则  /([^&=]+)=([\w\W]*?)(&|$|#)/g   匹配参数部分

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

赞 (0)

相关推荐

  • 如何获取电脑上今日头条的收入

    如何获取电脑上今日头条的收入

    今日头条软件被很多人使用,用来看新闻,发布一些动态等,有的用户在使用该软件时,想要获取一定的收入,但是却不知道如何获取,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开浏览器软件 ...

  • js怎样获取系统的当前时间

    JavaScript被用于浏览器中设置网页的特效以及交互,今天咪咪我就来分享一下js怎样获取系统的当前时间. 操作方法 01 首先,在HTML页面进行如下设置,一个div用来显示当前时间,一个按钮用于 ...

  • JavaScript如何获取地址栏路径；js获取URl

    前端开发中有时候需要根据页面的url进行一个特殊处理,那如何使用JavaScript获取地址栏的路径呢?JavaScript提供了一个window.location进行地址栏url的获取. 操作方法 ...

  • js 函数传参，带参数函数的调用方式，闭包

    操作方法 01 /****************** 函数相关 ******************//********** 一:函数传参 **********//*编程语言大概都有 值类型与引用类 ...

  • js中获取事件对象的方法小结

    操作方法 01 事件对象 的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的.所以 ...

  • 怎么快速获取网页上的多个下载链接？

    单位里经常需要下载各种数据,有的数据提交了申请批复下来以后,在查询到的数据订单里都是一个个的下载链接,需要一个个的点,不是很方便,下面和我一起来看看怎么一次性获取单个页面中的所有下载链接. 操作方法 ...

  • Nginx服务器中使用lua获取get或post参数

    使用ngx_lua模块(http://wiki.nginx.org/HttpLuaModule)： local request_method = ngx.var.request_method loca ...

  • CPU上面的参数编码型号什么意思,怎么识别？

    辨别Intel CPU: S-Spec编码最关键 S-Spec编码用来查询CPU更多信息的特别号码.(例如:这款酷睿2双核E8200的S-Spec编码是SLAPP,将其输入到http://proces ...

  • 如何获取网页上禁止保存的图片

    很多童鞋访问网页时,遇到自己喜欢的图片需要保存,都会遇到右键没有"图片另存为",或者禁止右键的限制,没有办法保存图片.这里小编就教你几招简单实用的方法,轻松保存自己想要的图片. 方 ...