[已解决]为啥存储不了数据？？

小黄练编程 · 发表于 2022-4-26 12:13:27

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input{
            display:inline-block;
        }
    </style> 
</head>
<body>
    <form>
    <input id="usname" value="sd" type="text">
    <input id="checked"  type="checkbox">
    <button>记住用户名</button>
</form>
    <script>
        let ipt=document.querySelector('.usname');
        const checked=document.querySelector('.checked');
        const  btn=document.querySelector('button');
        btn.addEventListener('click',function(){
            let val=ipt.value;
            localStorage.setItem('uname',val);
        });

</script>
</body>
</html>

最佳答案

月排行榜 / 总排行榜

wp231957

2022-4-27 09:47:01

小黄练编程发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

let ipt=document.querySelector('#usname'); id用# class用点

跳转到最佳答案楼层

wp231957 · 发表于 2022-4-26 16:29:45

咋存储数据？用啥存储。？

小黄练编程 · 发表于 2022-4-27 08:58:24

wp231957 发表于 2022-4-26 16:29
咋存储数据？用啥存储。？

localstorage.setItem（‘key’，‘value’）啊，储存到本地存储

wp231957 · 发表于 2022-4-27 09:20:57

小黄练编程发表于 2022-4-27 08:58
localstorage.setItem（‘key’，‘value’）啊，储存到本地存储

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <title>测试存储</title>
    <style>
        input{
            display:inline-block;
        }
    </style> 
</head>
<body>
    <form>
        <input id="usname" value="sd" type="text">
        <button id="hok">记住用户名</button>
    </form>
    <script>
        $("#hok").on('click',function(){
            var name = document.getElementById("usname").value;
            alert("ok");
            localStorage.setItem('uname',name);
        });

</script>
</body>
</html>

wp231957 · 发表于 2022-4-27 09:21:39

本帖最后由 wp231957 于 2022-4-27 09:26 编辑

小黄练编程发表于 2022-4-27 08:58
localstorage.setItem（‘key’，‘value’）啊，储存到本地存储

你那个BUTTON都没有赋ID

小黄练编程 · 发表于 2022-4-27 09:40:55

wp231957 发表于 2022-4-27 09:21
你那个BUTTON都没有赋ID

button要赋啥id，后面我创建dom对象，不就是直接取吗

wp231957 · 发表于 2022-4-27 09:47:01

这个最佳答案由 wp231957 给出，感谢 wp231957 的回答。

单击隐藏图章

小黄练编程发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

let ipt=document.querySelector('#usname'); id用# class用点

wp231957 · 发表于 2022-4-27 09:48:21

小黄练编程发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

不给组件赋ID 并不是一个好的习惯

账号		自动登录	找回密码
密码			立即注册