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

为啥存储不了数据？？

<!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');
      constbtn=document.querySelector('button');
      btn.addEventListener('click',function(){
            let val=ipt.value;
            localStorage.setItem('uname',val);
      });

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

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

小黄练编程 发表于 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并不是一个好的习惯
页: [1]
查看完整版本: 为啥存储不了数据？？