实现两个html页面之间的传值

最新推荐文章于 2020-08-07 17:33:13 发布

小白白007

最新推荐文章于 2020-08-07 17:33:13 发布

阅读量689

点赞数

分类专栏：前端文章标签：页面传值

本文链接：https://blog.csdn.net/qq_43661841/article/details/103007657

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文探讨了如何在两个HTML页面之间实现数据传递，详细介绍了不同的传值方法，包括使用URL参数、本地存储（localStorage）以及cookies等技术，旨在帮助开发者更有效地在页面间共享信息。

摘要由CSDN通过智能技术生成

传值页面

<input type="text" name="userName" id="userName" placeholder="用户名">

 <script type="text/javascript">
        function b(){
          var ad = document.getElementById('userName').value;
          window.location.href =  `页面的地址?username=${ad}`
        }
 </script>

接收值得页面：

<span id="username"></span>

var data = window.location.href.split("?")[1].split("=")[1];
        var username = document.getElementById('username');
        username.innerHTML = data;