html使用a标签从一个页面带数据跳转到另一个页面

面冷心慈的木易

于 2020-04-09 16:45:46 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前台文章标签： html js javascript

本文链接：https://blog.youkuaiyun.com/MuYIShan1/article/details/105414077

前台专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在网页间传递数据的方法，通过在URL中附加参数，从a.html跳转到b.html时携带数据，b.html使用JavaScript解析URL并获取这些参数。此方法适用于简单的数据传输场景。

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

实现从一个页面带着某个数据传输到下一个页面，下一页面根据此数据进行一些处理。
从a.html跳转到b.html

a.html跳转代码

<a href='b.html?daka_id="+pbId+"' target='main'>跳转</a>

b.html取出a.html传来的数据（js代码）

var daka_id;//a.html传来的数据
$(function () {
    var a = GetRequest();
    daka_id = a['daka_id'];
	//取a.html传来的所有参数
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
});