html跳转到新的页面参数不显示,html页面跳转传递参数问题

本文介绍了在HTML页面中如何通过JavaScript实现页面跳转并传递参数。在a页面上,通过jQuery获取`name`和`age`的值,并在点击按钮时拼接到URL中,然后使用`window.location.href`进行跳转。在b页面,利用jQuery的`$.query.get`方法获取URL参数,并显示在页面上。这个示例对于理解前端数据传递很有帮助。
摘要由CSDN通过智能技术生成

效果如下:

a页面

dc19ed4794a2be9cb9da6676ca9115e6.png

点击跳转按钮后

01fb50a609949439c9101616c9408af2.png

在b页面可以获取到对应的值。

代码如下:

a页面:

a页面

$(function(){

name = $("#name").text();

age = $("#age").text();

$("#btn").on("click",function(){

jump1();

});

});

function jump1(){

url = "b.html?name="+name+"&age="+age;//此处拼接内容

window.location.href = url;

}

tony
23

跳转

将要跳转到的b页面:

b页面

$(function(){

getData1();

});

function getData1(){

var name = $.query.get("name");

var age = $.query.get("age");

$("#name").text(name);

$("#age").text(age);

}

以上所述是小编给大家介绍的html页面跳转传递参数问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值