6.23JavaScript-操作BOM

JavaScript操作BOM&DOM    

小拓展：

保留字不能作为函数名 否则无效例如（clean）

一、什么是BOM

BOM：Browser Object Model（浏览器对象模型）

提供了独立于内容与浏览器窗口进行交互的对象

二、浏览器对象模型

1、window    

窗口对象, 可以用来控制当前窗口, 或打开新的窗口

2、screen    

屏幕对象, 获取屏幕相关信息

3、navigator    

浏览器对象, 通过这个对象可以判定用户所使用的浏览器

例如：可以查看浏览器兼容性

4、history    

历史对象, 可以用来前进或后退一个页面

history对象方法有：

①、back（后退） 

②、go（刷新）改变参数可以实现不同功能：go（1）=（前进） go（0）=（刷新） go（-1）=（后退）

③、forward （前进）

history对象的length里面的数字表示页面数量

5、location    

地址对象, 可以用来获取当前URL的信息

要在页面网址添加好hash和search才能查找到

①、location.href（返回当前网页的URL完整的地址）也可以实现路径跳转

②、location.pathname（返回URL的路径名）

③、location.assign （加载新的文档）可以用来建立一个函数跳转页面

④、location.host （host地址：（域名：端口））域名只有一个 端口可以有多个 类似一个酒店有多个房间

⑤、location.hostname  （域名）

⑥、location.origin（源地址 ：（协议：http://或者https://加密 ）域名和端口）

⑦、location.port （端口）

⑧、location.protocol （协议）

⑨、location.hash （获取哈希地址、锚链接地址名 （#））

⑩、location.search （搜索的数据（?））

一般锚地址放在搜索数据的后面

⑪、location.reload（重新加载）= history.go(0) 刷新页面的功能一致

⑫、location.replace （替换当前页面不会产生历史记录）

6、JavaScript   定时器

计时事件    在一个设定的时间间隔之后来不停的执行代码，而不是在函数被调用后立即执行

setInterval ：

调用的函数 ：setInterval（function（）{}）

1秒=1000毫秒 计时器以毫秒为单位

setInterval   执行完毕后 都会产生一个唯一的id

clearInterval：

清除计时

7、setTimeout

是一个定时器，用来指定某个函数在多少毫秒之后执行

函数调用：setTimeout（function（）{}）

cleanTimeout  清除 setTimeout

setTimeout、setInterval、cleanTimeout 、clearInterval 都属于window下的对象

8、local Storage   

永久存储  就算浏览器关闭页面 数据还是存储在本地 除非自己清除数据

清除本地数据的方法：

清除单个数据：

1、☆ 无论之前存的是什么类型  取出来的都是字符串类型  

2、☆ 存取对象要先加引号例如：'{"name":"zhangsan"}'转成字符串类型 再进行 存储

3、☆存储的是数组，出来的是字符串

4、☆ 只要域名和端口一致  虽然路径名不一样 但是数据仍然存在

9、SessionStorage    

存储对象, 可以用来存储数据, 和cookie相似, 区别是它是为了更大容量存储设计的, 在使用上也更加方便