html怎样实现页面跳转时传递参数

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

html怎样实现页面跳转时传递参数

html怎样实现页面跳转时传递参数:这次给大家带来html怎样实现页面跳转时传递参数，html怎样页面跳转时传递参数的注意事项有哪些，下面就是实战案例，一起来看一下。a页面点击跳转按钮后在b页面可以获取到对应的值。<!DOCTYPE html> <html> <head lang=&q

推荐度：

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

导读html怎样实现页面跳转时传递参数:这次给大家带来html怎样实现页面跳转时传递参数，html怎样页面跳转时传递参数的注意事项有哪些，下面就是实战案例，一起来看一下。a页面点击跳转按钮后在b页面可以获取到对应的值。<!DOCTYPE html> <html> <head lang=&q

这次给大家带来html怎样实现页面跳转时传递参数，html怎样页面跳转时传递参数的注意事项有哪些，下面就是实战案例，一起来看一下。

a页面

点击跳转按钮后

在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>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>

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

html怎样实现页面跳转时传递参数

推荐度：

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

标签：页面实现跳转

热门焦点

html怎样实现页面跳转时传递参数

html怎样实现页面跳转时传递参数

html怎样实现页面跳转时传递参数

最新推荐

猜你喜欢

热门推荐