本地存储localStorage

设置存储内容setItem(key,value)

localStorage.setItem('leo','23');

更新存储内容

对象[key]=value

对象.key=value

localStorage.leo = 25;

localStorage['leo'] = 24;

获取存储内容getItem(key)

console.log(localStorage.getItem('leo'))

删除存储内容removeItem(key)

localStorage.removeItem('leo');

清空存储内容clear()

localStorage.clear();

获取存储内容长度

console.log(localStorage.length);

sessionStorage

sessionStorage.a = 10;

console.log(sessionStorage);

localStorage与sessionStorage的区别

localStorage:

存储会持久化

容量2-5MB

sessionStorage:

在网页会话结束后失效

容量不一,部分浏览器不设限

Storage使用注意:

1、存储容量超出限制,需要使用try catch捕获异常

2、存储类型限制:只能是字符串

3、sessionStorage失效机制:

刷新页面不能使sessionStorage失效

相同URL不同标签页不能共享sessionStorage

鼠标点击掉血游戏案例:

*{margin:0;padding:0;list-style:none;}body{position:relative;height:100%;}html{height:100%;}.guai{position:absolute;left:50%;top:50%;margin:-75px 0 0 -100px;}.line{width:400px;height:20px;border:4px solid black;position:absolute;left:50%;top:20px;margin:0 0 0 -204px;}.xie{width:400px;height:100%;background:red;transition:.3s;}

java打怪游戏_HTML5存储(带一个粗糙的打怪小游戏案例)相关推荐

  1. html5简单游戏案例,HTML5存储(带一个粗糙的打怪小游戏案例)

    本地存储localStorage 设置存储内容setItem(key,value) localStorage.setItem('leo','23'); 更新存储内容 对象[key]=value 对象. ...

  2. 原生JS实现一个简单的打字小游戏

    原生JS实现一个简单的打字小游戏 利用javascript制作一个简单的打字小游戏 之前写了一个贪吃蛇小游戏好像反响不错 今天我来写一个比贪吃蛇更low更简单的打字小游戏 打字小游戏原理 接下来咋们直 ...

  3. 使用java完成一个猜数字的小游戏(数据范围在1-100之间)

    最近开始学java,使用java做一个猜数字的小游戏,代码不多,我就直接贴代码了 /** A:案例演示* 需求:猜数字小游戏(数据在1-100之间)*/import java.util.Scanner ...

  4. 【Java闭关修炼】SpringBoot项目-贪吃蛇对战小游戏-配置git环境和项目创建

    [Java闭关修炼]SpringBoot项目-贪吃蛇对战小游戏-配置git环境和项目创建 项目的逐步细分 配置git环境 创建项目后端 前后端不分离写法-url访问路径解析资源 安装vue vue文件 ...

  5. 【Java闭关修炼】SpringBoot项目-贪吃蛇对战小游戏-配置Mysql与注册登录模块2

    [Java闭关修炼]SpringBoot项目-贪吃蛇对战小游戏-配置Mysql与注册登录模块2 传统的登录验证模式 JWT登录验证方式 下载安装依赖 创建JWTUTIL JwtAuthenticati ...

  6. 玩一个猜数字的小游戏吧

    前言 大家一定都在聚会中玩过一个猜数字的小游戏吧? 就是主持人写下一个数字,在100以内,然后呢,大家就开始猜,每当一个人说出一个数字,主持人就说太大或者太小,然后慢慢的缩小范围,最后说对的人要接受惩 ...

  7. 用pygame做一个简单的python小游戏---贪吃蛇

    用pygame做一个简单的python小游戏-贪吃蛇 贪吃蛇游戏博客链接:(方法一样,语言不一样) c++贪吃蛇:https://blog.csdn.net/weixin_46791942/artic ...

  8. 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧。 字谜的迷面 puzzle 按字符串形式给出,如果一个单词 word 符合下面两个条件,那么它就可以算作谜底:

    今天是元宵节,力扣也细心地为我们准备了一道有关节日的题,一起看看吧: 1178. 猜字谜 外国友人仿照中国字谜设计了一个英文版猜字谜小游戏,请你来猜猜看吧. 字谜的迷面 puzzle 按字符串形式给出 ...

  9. 编写一个猜成语的小游戏。要求:使用一个字符串数组来保存10个四字成语,例如: String [] idioms = {“凉拌黄瓜”, “红烧肘子”, …};

    编写一个猜成语的小游戏. 要求:使用一个字符串数组来保存10个四字成语,例如: String [] idioms = {"凉拌黄瓜", "红烧肘子", -}; ...

最新文章

  1. 使用OpenCV进行相机校准
  2. PHP常用数组函数(含按键值删除二维数组中的元素)
  3. 在龙芯上调试CoreCLR
  4. python画方波_python实现周期方波信号频谱图
  5. SqlServer查询语句中用到的锁
  6. 'tensorflow' has no attribute 'sub'
  7. mac apache修改默认网站目录
  8. java程序员入职自我介绍,看完直接跪服
  9. nodejs生成pdf文件
  10. 紫猫数据库使用 (二)
  11. 触发器详解——(三)T触发器
  12. 一张纸厚度是多少毫米_一本书的厚度大约是多少,一张纸的厚度大约是十分之一毫米,一本书...
  13. An Underwater Image Enhancement Benchmark Dataset and Beyong
  14. 5464: Star Arrangements
  15. bp神经网络算法的优缺点,基于bp的神经网络算法
  16. SystemUi通知栏
  17. 大数据人才培养的规划之路如何走
  18. 什么公司邮箱邮件系统安全,安全邮箱格式怎么写?
  19. 虚拟机共享目录添加按钮灰色_共享按钮将成为PS4最重要的遗产
  20. asterisk 对接 移动IMS 外呼接通时返487错误(已解决)

热门文章

  1. 向世界介绍我的家乡-----黑龙江省
  2. 企业舆情监控机制,TOOM舆情分析企业舆情应对方法?
  3. Media Queries使用方法
  4. 让更多的人认真的听音乐,Hidizs AP200国内首发上线
  5. 技术网站 --开发者头条
  6. Linux 常用命令及详细使用方法
  7. 怎么去除视频里的背景音乐?其实非常简单!
  8. java从1到9构建完全二叉树_Java完全二叉树的创建与四种遍历方法分析
  9. listView1.Items.Add()与 listView1.Items[i].SubItems.Add()区别
  10. 振铃的消除仿真实验(计控实验七simulink)