• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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在消息按钮上增加数量角标的实现代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html页面跳转传递参数问题 html,页面,跳转,传递,参数,