探索客户端JavaScript

时间:2022-04-22
本文章向大家介绍探索客户端JavaScript,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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()