js中获取浏览器地址栏参数的方法

最新推荐文章于 2025-05-27 14:43:19 发布

跟着哥哥学魔法

最新推荐文章于 2025-05-27 14:43:19 发布

阅读量715

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JAVA 文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_40948117/article/details/97976966

JAVA 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一种在网页中解析URL参数并根据参数值显示相应反馈信息的方法。通过使用JavaScript，可以读取URL中的查询字符串，并根据这些参数在页面上动态显示消息，如添加操作的成功或失败状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不说，直接上代码

//浏览器传参实例
//http://localhost:8084/bbs/goIndex?flag=true
//验证是否添加成功的方法
function showMes() {
     $("#message").empty(); //message是我用的span标签的ID
     if(getQueryString('flag')=='true'){//调用浏览器地址栏参数进行判断
         //如果为true证明添加成功
         alert("添加成功！");
         $("#message").html("添加成功");
     }
     if(getQueryString('flag')=='false'){
         $("#message").text("添加失败");
     }
     if(getQueryString('flag')==''){
         $("#message").empty();
     }

}

//获取浏览器地址栏参数的方法

//&符号在HTML中用&在js文件中&
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) return (r[2]); return null;
}