BOM的cookie与计时事件
来源:互联网 发布:淘宝买迷你睡莲哪家好 编辑:程序博客网 时间:2024/06/14 21:40
cookie
cookie的作用:在本地浏览器存储数据。常用于记住账号等。
cookie的组成:
键值对的形式:
存储的数据:“userId=123456;userPassword=112233;…”
有效期:“expries=今天以后的时间”
存储cookie:
按照cookie的格式写好一个字符串,然后将它赋值给document.cookie,浏览器就存了这个cookie。可以存储多个键值对,但是键的名字不能重复。
var userPassword = document.getElementById("userPassword").value;var date = new Date();date.setDate(date.getDate() + 7);var cookieText = "userPassword=" + userPassword + ";" + "expires=" + date;document.cookie = cookieText;
获取cookie:
通过document.cookie就能得到浏览器之前存储的cookie。是一个字符串。将这个字符串进行解析,得到自己想要的内容。
var data = document.cookie;var result = data.split("; ");//以“; ”来进行分割var userIdData = result[0].split("=")[1];//用“=”来分割var userPasswordData = result[1].split("=")[1];//用“=”来分割var userId = document.getElementById("userId");userId.value = userIdData;var userPassword = document.getElementById("userPassword");userPassword.value = userPasswordData;
清除cookie:
将存储的cookie的有效期改为过去的某一天,就清除了cookie
var date = new Date();date.setData(date.getDate() - 7);var cookieText = "userPassword=;expires=" + date;document.cookie = cookieText;
计时事件
setInterval(“函数”,”毫秒数”):计时器,就是每隔多长时间就调用一次函数。1s=1ms
var timer = setInterval("getTime()",1000);function fun(){ var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var p1 = document.getElementById("p1"); p1.innerHTML = hour + ":" + minute + ":" + second;}
clearInterval(计时器):停止一个计时器
setTimeout(“函数名”,”毫秒数”):延时器。就是间隔时间延长后调用一次函数
阅读全文
0 0
- BOM的cookie与计时事件
- BOM浏览器,导航,弹窗,cookie,计时
- javascript的计时事件
- JavaScript BOM重要方法——计时事件
- BOM编程与事件编程
- BOM添加Item的UpdateTable事件与性能分析
- 【BOM】Window对象、事件、方法及DOM与BOM的区别联系
- javaScript BOM事件的应用
- 订单BOM与销售BOM的区别
- 使用计时事件制作的钟表
- linux的时间与计时
- CPU下的计时与GPU计时对比
- javaScript的函数,事件,BOM,DOM
- BOM与DOM的区别
- Bom与Dom 的区别
- BOM、session、cookie
- 能否随时查询衍生BOM与主BOM的区别
- 计时响应事件
- JPA学习笔记(4)——使用Table策略来生成主键
- Python学习笔记(四)-- Python Number(数字)
- vmware workstation 12 永久激活码
- web.xml文件的一种配置方式
- Java打印树形结构
- BOM的cookie与计时事件
- <C语言>编写一个程序,该程序读取输入直到遇到#字符,然后报告读取的空格数目、读取的换行数目以及读取的所有其他字符数目。
- CSS基础知识
- 零基础深度学习2——Tensorflow安装
- [编程题] 藏宝图
- redis分布式集群数据库
- Statement接口
- mysql中key 、primary key 、unique key 与index区别
- ORM (Object Relational Mapping 对象关系映射)