HTML给地址栏传变量参数

HTML中传递参数到地址栏及获取方法

最新推荐文章于 2022-10-11 15:37:32 发布

原创最新推荐文章于 2022-10-11 15:37:32 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

8 篇文章

订阅专栏

html

4 篇文章

订阅专栏

本文介绍了在HTML中如何通过点击事件将ID传递到地址栏，并从地址栏获取参数的方法。两种方法包括：1) 使用jQuery为a标签设置点击事件，将ID拼接到href中；2) 定义函数getUrlParam()解析URL获取参数值。这些技巧对于动态加载数据和页面间通信非常实用。

HTML给地址栏传变量参数

因工作需要，我在点击按钮的时候会将ID传到地址栏中（比如Table中每个单元格都会有一个按钮），然后根据不同的ID获取不同的数据。
经过了解这里有两个方法。

1.给a标签设置点击事件，这里使用的是jquery。

$("#a").click(function () {
        window.location.href="b.html?departmentId="+Id;
    });

2.通过.getUrlParam(“Id”)从地址栏获取

这里的Id可以是自己设置的变量，也可以是当前地址栏的Id，通过.getUrlParam(“Id”)从地址栏获取

 getUrlParam: function (key) {
    // 获取参数
    var url = window.location.search;
    // 正则筛选地址栏
    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
    // 匹配目标参数
    var result = url.substr(1).match(reg);
    //返回参数值
    return result ? decodeURIComponent(result[2]) : null;
},