简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

html页面跳转传递参数时常见问题

巴扎黑
发布： 2017-05-14 13:51:09
原创
1688 人浏览过

这篇文章主要介绍了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页面跳转传递参数时常见问题的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
传递参数
来源：php.cn
上一篇：HTML元素ID和Name属性的具体区别 下一篇：html、css和js注释的规范用法
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在 PHP 中利用 VueJS 组件 我想混合由Php和VueJS组件生成的基本HTML，而不必一直使用VueJS到最低的dom叶子。父布局应用了Vue应用程序，所有标头、导航、旁注等都是Vue组件，大多数页面上的主要...
来自于 2023-11-11 00:01:44
0
2
288
Nuxt 3动态页面更改URL，但内容不变且仅获取数据一次 我有一个products/index页面，主产品页面中有products/[slug]我有一个NuxtLink来更改页面并转到products/[slug]并获取数据对于该产品。第...
来自于 2023-11-03 14:39:04
0
1
285
FastAPI 和 OpenCV：为尖端视频流应用程序提供动力 我正在尝试渲染一个HTML页面，该页面显示来自网络摄像头的视频流。但是，我面临以下错误：500ServerErrorTypeError:TemplateResponse()miss...
来自于 2023-10-26 19:57:54
0
1
327
Vue JS Router：重定向时重新加载页面 我有一个带有Login.vue和Home.vue文件的应用程序。因为我将管理HTML网站转换为vue3应用程序，所以我的javascript仅适用于页面重新加载。创建应用程序时，我...
来自于 2023-10-26 11:53:46
0
2
188
在 HTML 页面之间共享数据 我想将一些数据从一个HTML页面发送到另一个HTML页面。我通过http://localhost/project/index.html?status=exist等查询参数发送数据。...
来自于 2023-10-16 22:00:21
0
2
349
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！