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

最新推荐文章于 2024-03-05 09:04:22 发布

原创最新推荐文章于 2024-03-05 09:04:22 发布 · 3.9k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #javascript

前台专栏收录该内容

3 篇文章

订阅专栏

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

实现从一个页面带着某个数据传输到下一个页面，下一页面根据此数据进行一些处理。
从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;
    }
});