- <!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>
vue 跳转页面带参数
- // 1. 页面中的代码
- this.$router.push({
- name: 'generalAdminOrderFlowAdd',
- params: {
- type: 'add',
- templateType: this.orderTemplateType
- }
- })
- // 2. 路由中的代码
- {
- path: ':type/:templateType',
- name: 'generalAdminOrderFlowAdd',
- component: require('@/components/generalAdmin/order/orderFlow')
- }
- // 3. 获取页面中的参数值
- let type = this.$route.params.type
来源: http://www.bubuko.com/infodetail-2630041.html