首页 > 软件开发 > JavaScript >

JS怎样跨页面传参

来源:互联网 2023-03-16 23:59:39 版权归原作者所有,如有侵权,请联系我们

JS是一种常用的前段语言,那怎样进行跨页面传参,下面使用一种简单的方式来跨页面传参lrX办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • vs软件

方法/步骤

  • 1

    首先需要新建两个界面,起始界面和打开界面lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 2

    在起始界面定义一个按钮,打开界面的时候点击lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 3

    按钮绑定一个click的方法,方法体中使用一个window.open的方法lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 4

    window.open内增加一个urllrX办公区 - 实用经验教程分享!

    "Q2.html?Ax=123&TX=3456&CS=DASD"lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 5

    在Q2子界面写一个解析url的方法,解析url中的参数lrX办公区 - 实用经验教程分享!

    //参数解析方法lrX办公区 - 实用经验教程分享!

    function getQueryString(name) {lrX办公区 - 实用经验教程分享!

    var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");lrX办公区 - 实用经验教程分享!

    var r = window.location.search.substr(1).match(reg);lrX办公区 - 实用经验教程分享!

    if (r != null) return unescape(r[2]); return null;lrX办公区 - 实用经验教程分享!

    lrX办公区 - 实用经验教程分享!

    }lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 6

    使用url的解析方法解析url传递的值lrX办公区 - 实用经验教程分享!

    JS怎样跨页面传参?lrX办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 注意事项

    • 传递是url中会明文显示,相对不是很安全,可以使用一些框架对url进行遮挡
    • url中若是存在中文建议转码,不然容易造成乱码

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!lrX办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号