关于html页面跳转传递参数问题解答

来源：动视网责编：小采时间：2020-11-27 15:27:23

关于html页面跳转传递参数问题解答

关于html页面跳转传递参数问题解答:本文主要介绍了html页面跳转传递参数问题的相关资料,需要的朋友可以参考下，希望能帮助到大家。效果如下：a页面点击跳转按钮后在b页面可以获取到对应的值。代码如下：a页面: <!DOCTYPE html> <html> <head lang="e

推荐度：

点击下载本文 文档为doc格式

导读关于html页面跳转传递参数问题解答:本文主要介绍了html页面跳转传递参数问题的相关资料,需要的朋友可以参考下，希望能帮助到大家。效果如下：a页面点击跳转按钮后在b页面可以获取到对应的值。代码如下：a页面: <!DOCTYPE html> <html> <head lang="e

本文主要介绍了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>
 <p id="name">tony</p>
 <p id="age">23</p>
 <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>
 <p id="name"></p>
 <p id="age"></p>
</body>
</html>

大家学会了吗？赶紧动手自己尝试一下吧。

关于html页面跳转传递参数问题解答

推荐度：

点击下载本文 文档为doc格式

标签：页面问题跳转

热门焦点

关于html页面跳转传递参数问题解答

关于html页面跳转传递参数问题解答

关于html页面跳转传递参数问题解答

最新推荐

猜你喜欢

热门推荐