javascript - jquery 纯html页面之间如何传递参数??
黄舟
黄舟 2017-04-10 12:47:43
[JavaScript讨论组]

a页面的一段代码

  • 讲师: 时长分钟 时间:

  • b页面的一段代码

          
            课程名称:
            心情美好
          
          
            时长:
            2
            讲师:
            专家团
          
    

    我想把a页面 li 里面每个 span 标签 id 获取到的值,传到b页面对应的 td 里,求指导。

    黄舟
    黄舟

    人生最曼妙的风景,竟是内心的淡定与从容!

    全部回复(6)
    ringa_lee

    一句话概括,纯html页面之间的传值可以通过url后面的参数进行比如:

    b.html?teacher=xx&time=xxx
    

    回到问题中,首先从a.html到b.html需要一个跳转方式,比方说在a.html页面里面你有一个链接:

    <a href="b.html" id="toPageB">跳转到b页面</a>
    

    剩下的就好办了,依次取得你需要的参数,然后修改页面url:

    var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()];
    $("#toPageB").attr("href","b.html?data="+dataFromLi);
    

    然后在b.html页面解析url,获取参数。


    更新,如何根据url获取参数:

    window.location.search 会返回所有地址栏从“?”开始的字符串。获取某个参数值可以通过正则,下面是一个简单的获取参数的函数:

    function getURLParameter(name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
    }
    

    如果你采用jQuery,你可以用更简单的办法:

    $.url().param('data');
    
    迷茫

    location.search可以返回从"?"开始的值。

    你可以用以下专业第三方库进行获取值操作:
    uri.js
    parseURL.js

    怪我咯

    a,b页面同用一个js文件,然后将a页面li里面每个span 标签id获取到的值,保存到一个js的全局变量中,在加载b页面通过js创建table,

    天蓬老师

    html5的话可以用 sessionStorage 或 localStorage

    很容易的

    sessionStorage 是会话存储,关闭浏览器就没了

    localStorage 是持久化存储,完全可以替代cookie 存储空间更大。

    实现方法

    存:sessionStorage["par1"]="123";

    取:sessionStorage["par1"]

    localStorage实现方法和sessionStorage一样

    怪我咯

    要么就是URL 传参,要么就是用COOKIE

    伊谢尔伦

    javascript获取url参数的值

    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号