探索客户端JavaScript

本文探讨了JavaScript在客户端和服务器场景中的应用,包括定时器、元素操作、持久化存储等核心概念,以及如何利用Cookie和LocalStorage进行数据持久化。

JavaScript在客户端和服务器的应用场景。

Draft and Typescript, Node.js

 

第一部分:JavaScript中的定时器

JavaScript中有2中定时器(timer)。

单次定时器:定时器在终止并运行指定程序代码后,定时器就结束了。

setTimeout(TimerCode,Timerdelay);

间隔定时器:每隔一段时间就执行,直到程序让它停止。

函数:clearInterval(timerID)

clearInterval(timerID)函数清除setInterval()设置的间隔定时器。TimerID是创建定时器的时,由setInterval()返回的。

第二部分:JavaScript操作元素的样式

document.body.clientWidth document.body.clientHeight.必须在页面加载完成之后才能调用,否则报错。

client(客户端)只是浏览器窗口里呈现网页的部分。

clientWidth和clientHeight 指的是body里面所有元素所占有的大小。可以理解为body的宽度和高度,不管浏览器是否出现滚动条。

 

第三部分:客户端数据持久化(persistence)--cookie

延伸阅读:客户端存储--localstorage

客户端持久化存储方案:cookie localstorage

服务器端持久化存储方案:文件系统和数据库,NOSQL

 

JavaScript在浏览器关闭或者网页重新加载时摧毁所有的变量。可以使用cookie和localstorage(html5)保存用户上次需要保存在浏览器的数据。

 

cookie是浏览器存储在用户计算机里的一小块数据,有大小限制(一般是4Kb)。

JavaScript+Cookie=适合客户端、便利的持久化数据存储方案。

readCookie(),writeCookie(),eraseCookie()

转载于:https://www.cnblogs.com/liminjun88/archive/2012/10/29/2745173.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值