Javascript基础知识体系化学习总结(八)BOM和存储

105 阅读2分钟

这是我参与11月更文挑战的第八天,活动详情查看:2021最后一次更文挑战

一、navigator

1.主要使用的是它的userAgent属性,即查看浏览器的简要信息,由于浏览器考虑到兼容性的问题,会在简要信息里面存放很多内容,我们无法做比较严格的检测,但是可以利用indexOf查看里面是否包含我们想要的内容。

二、screen

1.width属性,即浏览器的宽度。

2.height属性,即浏览器的高度。

三、location

1.href属性,查看完整的链接url。

2.hash属性,查看url#后面的内容。

3.pathname属性,查看url的路径名称。

4.search属性,查看url的参数。

5.host属性,查看url的域名。

6…protocol拿到url的协议。

四、history

1.back()方法,返回上一个页面。

2.forward()方法,进入下一个页面

五、cookie

1.本身是由于浏览器和服务端的通信,被用来做存储。

2.既然是借用的,那么会存在一些问题如:
储存量小仅仅是4K;
必须http请求时需要发送到服务器端,增加了请求的数据量;
语法并不是十分的契合js的语法。
3.使用方式是document.cookie= ‘内容’,cookie储存的数据间是使用;进行分割。

4.可以在浏览器的application和network中看到cookie。

六、sessionStorage

1.H5专门设置出来解决储存的问题,不会伴随请求发送到服务器端,在对话结束时即浏览器关闭就清空里面的数据,可存储的大小为5M。

2.使用的方法是setItem和getItem。

3.相比于cookie比较安全。

七、localStorage

1.H5专门设置出来解决储存的问题,不会伴随请求发送到服务器端,一般不会自动清除,是永久保存,当然可以通过代码手动删除,可存储的大小为5M。

2.使用的方法是setItem和getItem。

3.相比于cookie比较安全。