html页面跳转传递参数问题

来源：微智科技网

效果如下：

a页面

点击跳转按钮后

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

代码如下：

a页面:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <script src="js/jquery-3.0.0.min.js"></script>
 <script src="js/jquery.params.js"></script>
 <title>a页面</title>
 <script>
 $(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;
 }
 </script>
</head>
<body>
 <div id="name">tony</div>
 <div id="age">23</div>
 <button id="btn">跳转</button>
</body>
</html>

将要跳转到的b页面:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <script src="js/jquery-3.0.0.min.js"></script>
 <script src="js/jquery.params.js"></script>
 <title>b页面</title>
 <script>
 $(function(){
 getData1();
 });
 function getData1(){
 var name = $.query.get("name");
 var age = $.query.get("age");
 $("#name").text(name);
 $("#age").text(age);
 }
 </script>
</head>
<body>
 <div id="name"></div>
 <div id="age"></div>
</body>
</html>

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