设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 为啥存储不了数据？？
返回列表 发新帖
查看: 2624|回复: 7

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

[复制链接]
小黄练编程
发表于 2022-4-26 12:13:27 | 显示全部楼层 |阅读模式

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

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

x
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         input{
  10.             display:inline-block;
  11.         }
  12.     </style>
  13. </head>
  14. <body>
  15.     <form>
  16.     <input id="usname" value="sd" type="text">
  17.     <input id="checked"  type="checkbox">
  18.     <button>记住用户名</button>
  19. </form>
  20.     <script>
  21.         let ipt=document.querySelector('.usname');
  22.         const checked=document.querySelector('.checked');
  23.         const  btn=document.querySelector('button');
  24.         btn.addEventListener('click',function(){
  25.             let val=ipt.value;
  26.             localStorage.setItem('uname',val);
  27.         });

  29. </script>
  30. </body>
  31. </html>
复制代码
最佳答案
月排行榜 / 总排行榜
wp231957
2022-4-27 09:47:01
小黄练编程 发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

let ipt=document.querySelector('#usname');   id用#   class用点
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

wp231957
发表于 2022-4-26 16:29:45 From FishC Mobile | 显示全部楼层
咋存储数据？用啥存储。？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-4-27 08:58:24 | 显示全部楼层
wp231957 发表于 2022-4-26 16:29
咋存储数据？用啥存储。？


localstorage.setItem（‘key’，‘value’）啊，储存到本地存储
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-4-27 09:20:57 | 显示全部楼层
小黄练编程 发表于 2022-4-27 08:58
localstorage.setItem（‘key’，‘value’）啊，储存到本地存储
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  6.     <title>测试存储</title>
  7.     <style>
  8.         input{
  9.             display:inline-block;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <form>
  15.         <input id="usname" value="sd" type="text">
  16.         <button id="hok">记住用户名</button>
  17.     </form>
  18.     <script>
  19.         $("#hok").on('click',function(){
  20.             var name = document.getElementById("usname").value;
  21.             alert("ok");
  22.             localStorage.setItem('uname',name);
  23.         });

  25. </script>
  26. </body>
  27. </html>   
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-4-27 09:21:39 | 显示全部楼层
本帖最后由 wp231957 于 2022-4-27 09:26 编辑
小黄练编程 发表于 2022-4-27 08:58
localstorage.setItem（‘key’，‘value’）啊，储存到本地存储


你那个BUTTON都没有赋ID
未标题-1.jpg
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-4-27 09:40:55 | 显示全部楼层
wp231957 发表于 2022-4-27 09:21
你那个BUTTON都没有赋ID

button要赋啥id，后面我创建dom对象，不就是直接取吗
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-4-27 09:47:01 | 显示全部楼层    本楼为最佳答案   
小黄练编程 发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

let ipt=document.querySelector('#usname');   id用#   class用点
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-4-27 09:48:21 | 显示全部楼层
小黄练编程 发表于 2022-4-27 09:40
button要赋啥id，后面我创建dom对象，不就是直接取吗

不给组件赋ID  并不是一个好的习惯
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-5-5 01:28

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表