当前位置：首页 > 脚本编程 > CSS/HTML >

详解html中页面跳转传递参数的问题

来源:互联网作者:网友投稿发布时间:2021-01-09 02:10

本文为大家介绍了html中页面跳转传递参数的问题，具有一定的参考价值，希望可以帮助到大家。页面跳转传递参数要...

详解html中页面跳转传递参数的问题

效果如下图所示：

a页面

点击跳转按钮后

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

推荐教程：html教程

代码如下：

a页面:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src=https://www.php.cn/"js/jquery-3.0.0.min.js"></script> <script src=https://www.php.cn/"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> <meta charset="UTF-8"> <script src=https://www.php.cn/"js/jquery-3.0.0.min.js"></script> <script src=https://www.php.cn/"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中页面跳转传递参数的问题的详细内容，更多请关注php中文网其它相关文章！

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/12098.shtml

上一篇：html如何提高页面的加载速

下一篇：html注释的规范用法总结

④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	我们尝试一下更新一下HTML结构
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
HTML5 学习总结（四）canvas绘图	canvas与html5实现视频截图成果
html5 canvas常用api总结(二)画图	优化转动的小能力：利用CSS
.plate { position: absolute; top: 50	可以加我的HTML5前端交流群11
我们先来看一下实现效果：	html利用什么来描写网页？
html标签是所有其他HTML元素（	那么子元素也是10px 3、第三种