带参数跳转页面

最新推荐文章于 2024-03-07 19:44:54 发布

鹅纷斐，

最新推荐文章于 2024-03-07 19:44:54 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：笔记前端文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_42181264/article/details/123493393

笔记同时被 2 个专栏收录

27 篇文章

订阅专栏

前端

15 篇文章

订阅专栏

博客内容涉及到前端网页中使用JavaScript的handleJump函数实现页面跳转，跳转的URL通过encodeURI编码，并在目标页面通过parseUrl函数解析URL参数，获取并处理id值。这个过程展示了网页间数据传递的基本操作。

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

第一个页面：

<a id=details class=btn btn-info onclick='handleJump(" + item.id + ")'>跳转</a>

JavaScript方法：

function handleJump(id) {
        window.location.href = encodeURI("index?id=" + id);
    }

第二个页面接收：

function parseUrl(url) {
        if (url.indexOf("?") === -1) {
            return {};
        }
        var query = url.split("?")[1];
        var queryArr = query.split("&");
        var obj = {};
        queryArr.forEach(function (item) {
            var key = item.split("=")[0];
            var value = item.split("=")[1];
            obj[key] = decodeURIComponent(value);
        });
        return obj;
    }

    var urlMsg = parseUrl(window.location.search);
    var id = urlMsg.id;