这是我参与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比较安全。