网站首页 > web开发 > 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页面跳转传递参数问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开源网网站的支持!
- 上一篇: html、css和js注释规范用法小结
- 下一篇: HTML表格_动力节点Java学院整理
猜你喜欢
- 2023-10-11 Dreamweaver8怎么做一个网站维护自动跳转的html网页?
- 2023-09-29 html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
- 2023-09-29 banner图片上添加左右按钮代码怎么弄? HTML制作banner按钮的技巧
- 2023-09-29 dw有序列表ol怎么用? HTML页面添加有序列表ol的教程
- 2023-09-29 HTML怎么角度代码调节一个角的角度? dw调节一个角的角度代码技巧
- 2021-07-16 (javascript+asp)XML、XSL转换输出HTML
- 2021-07-16 HTML 表单组件实例代码
- 2021-07-16 HTML实现海康摄像头实时监控功能
- 2021-07-16 html页面中完成查找功能
- 2021-07-16 HTML页面跳转及参数传递问题
你 发表评论:
欢迎- 开源分类
- 开源网标签
本文暂时没有评论,来添加一个吧(●'◡'●)