两个html页面或多个页面间数据传送（localStorage方法）

大晟萧韶九奏成

已于 2022-07-15 16:06:49 修改

阅读量5.7k

点赞数 15

分类专栏：前端文章标签： html 前端

于 2022-07-13 15:52:48 首次发布

本文链接：https://blog.csdn.net/m0_62535602/article/details/125708947

版权

非常非常简洁明了，有源码，可以运行。

网上有很多关于html页面数据传送、保存的方法，但都只是方法，很少有实际样例，有也很复杂，看着头大。所以我写了两个关于html页面传送数据的源码，非常简单，希望能帮助到读者。

都是经过实测可以运行的样例，vs、webstorm、lightly都运行过的，浏览器用谷歌的chorme浏览器，因为可以在开发者工具中看localStorage。至于所写代码每步的原理就不细说了，笔者也是才大二完，出来实习。

一、两个html页面数据传送

建立test1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
 
<body>
    <!--表单输入-->
    <form onsubmit="return validateForm()" method="post">
        <!--id可以自取改变，不一定是这个shuru-->
        <input type="text" id="shuru"><br><br>
    </form>

    <!--按键-->
    <button type="button" onclick="validateForm()" >进入</button>

    <!--将输入的数据和按键绑定ÿ