前端----JavaScript(三)

5. BOM操作

就是javascript对浏览器的一些常规操作的方法

5.1 window对象

 

5.1.1 screen屏幕对象

我想知道我的电脑屏幕多大？实际上，得到的就是分辨率

5.1.2 location定位

包含有关当前 URL 的信息，通常用来做页面跳转

5.1.3 history浏览器历史

history对象会记录浏览器的痕迹

• a.html

• b.html

5.1.4 navigator 导航（了解）

window.navigator 对象包含有关访问者浏览器的信息;

5.1.5 存储对象

用起来和我们在java中map很相似，都是键值对的方式存数据

5.1.5.1 本地存储 localStorage

在关闭窗口或标签页之后将会删除这些数据

• 保存数据

• 提取数据

• 删除数据

多样化操作

5.1.5.2 会话存储 sessionStorage

会话，就是保持浏览器别关闭。

关闭浏览就等于结束了一次会话。

开启浏览器就意味着创建了一次会话。

• 保存数据

• 提取数据

• 删除指定键的数据

• 删除所有数据

案例：记录点击了几下按钮

5.2 计时操作

5.2.1 周期性定时器 setInterval

setInterval(1,2)：周期性触发代码exp （常用）

1：执行语句

2：时间周期，单位为毫秒

案例：闪烁的字体 （1秒1变色）

案例：在闪烁字体的基础上扩展，闪烁的电子时钟

5.2.2 停止定时器 clearInterval

案例：模拟年会抽奖

5.2.3 一次性定时器 setTimeout

相当于延迟的效果，只执行一次