分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

获取url路径中的参数

发布时间:2023-09-06 01:50责任编辑:郭大石关键词:url

简介

运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1,

你想要获取postid的内容8628413,或者update的内容1那么下面就提供解决办法。

解决办法

其实解决办法也挺简单,只要通过一个函数就可以处理掉

 ???????//当前url地址栏 file:///C:/Users/admin/Desktop/test.html?id=2 ???????function GetQueryString(name) { ???????????var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); ???????????console.log(window.location.search)//?id=2 ???????????var r = window.location.search.substr(1).match(reg); ???????????if (r != null) return unescape(r[2]); ???????????return null; ???????} ???????console.log(GetQueryString(‘id‘))//2 ???

上面函数的用法很简单,只要把你想要的url参数传进去就可以拿到返回值,注意参数为字符串

发散思维

上面的函数是直接解决了获取当前页面url中的参数,有事我们可能不是想要处理url,而是想要获取特定字符串中的参数,形如:postid=8628413&update=1

然后你想要获取postid的对应的值那么要怎么做呢?

只需要理解下上面函数的原理就很好改写了

 ???????function GetQueryString(str,name) { ???????????var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); ????????????????//str = postid=8628413&update=1 ??????????????????????????????//其实str 就相当于 window.location.search.substr(1) ???????????var r = str.match(reg); ???????????if (r != null) return unescape(r[2]); ???????????return null; ???????} ???????console.log(GetQueryString(‘postid=8628413&update=1‘,‘postid‘))

获取url路径中的参数

原文地址:https://www.cnblogs.com/till-the-end/p/8628413.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved