Js读取url中的参数、修改url的参数
1、读取url的某个参数值:
1 2 3 4 5 6 7 8 9 10 11 12 | /* *获取URL参数 */ function GetQueryString(name) { var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" ); var r = window.location.search.substr(1).match(reg); if (r != null ) { return unescape(r[2]); } return null ; }; |
调用方法:var nameVal=GetQueryString("URL上的参数名");
例如url为:http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=566&modid=1133&puid=9
那么
var userIdVal=GetQueryString("userId") //值就等于566
2、修改url的某个参数值:
1 2 3 4 5 6 7 8 | //替换指定传入参数的值,paramName为参数,replaceWith为新值 function replaceParamVal(paramName,replaceWith) { var oUrl = this .location.href.toString(); var re=eval( '/(' + paramName+ '=)([^&]*)/gi' ); var nUrl = oUrl.replace(re,paramName+ '=' +replaceWith); this .location = nUrl; window.location.href=nUrl } |
例如url为:http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=566&modid=1133&puid=9
如果希望修改userId的值为333,那么调用方法:replaceParamVal("userId","333")
URL就会变成:http://www.aazj.cn/pc/meeting/card.html?skinColor=30&gid=-1&userId=333&modid=1133&puid=9
然后自动跳转到新的url。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 后端思维之高并发处理方案
· 理解Rust引用及其生命周期标识(下)
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· 后端思维之高并发处理方案
· 千万级大表的优化技巧
· 在 VS Code 中,一键安装 MCP Server!
· 10年+ .NET Coder 心语 ── 继承的思维:从思维模式到架构设计的深度解析
· 想让你多爱自己一些的开源计时器