js中BOM对象

发布时间:2023年12月20日

BOM操作:

概念:BOM操作的时候,操作的整个浏览器,浏览器被封装成一个对象,这个对象就是window。

window对象就是顶级对象。

window对象的特点为:凡是window对象中的属性或方法,window顶级对象都可以省略不写。

操作浏览器(通过js的方式实现浏览器中的某些功能)

1.通过js的方式实现页面刷新效果

2.通过js的方式实现浏览器中的上一页、下一页功能

3.通过js的方式实现页面的跳转

location对象

概念:location的数据类型是对象,它拆分并保存了URL地址的各个组成部分

本质为window对象中的一个属性(location或者window.location)

location对象作用:用来实现操作网页URL地址(实现页面跳转等)

常用属性和方法:

1.href属性获取完整的URL地址,对其赋值时用于地址的跳转

2.search属性获取地址中携带的参数,符号?h后面部分

3.hash属性获取地址中的哈希值,符号#后面部分

4.reload方法用来刷新当前页面,传入参数true时表示强制刷新(重新向服务端发送请求),传入参数false时表示当前刷新页面的时候,只会在本地缓存中获取数据。

具体用法:

1.设置页面跳转:window.location.href ='跳转目标地址‘

2.获取当前页面url地址:window.location.href

history对象

该对象本质也是window顶级对象中的一个属性(history或者window.history)

作用:用来记录当前浏览器中访问过的页面

用法:

1.history.back() 对应浏览器中后退按钮

2.history.forward() 对应浏览器中前进按钮

3.history.go(正数或者负数) 正数表示前进,负数表示后退

navigator对象

该对象下记录了浏览器自身的相关信息

主要作用:

1.保存了浏览器自身相关的信息

2.记录了当前网路状态

常用属性和方法:

1.通过userAgent检测浏览器的版本及平台

2.navigator.appVersion 保存了浏览器自身相关的信息

3.navigator.onLine 记录当前程序的联网状态,true处于联网,false处于断网

数据存储

如何将数据进行持久化存储?

方法一:通过本地存储的方式保存

方法二:通过数据库的方式保存

本地存储时,是存储到浏览器中

本地存储分类:localStorage、sessionStorage

注意:存储对象时需要先转换成JSON字符串

localStorage、sessionStorage区别:

localStorage:保存数据属于持久化保存(除非手动删除,否则一直存在),可以跨页面访问

sessionStorage:保存数据属于临时保存(数据会随着页面的关闭消失),保存的数据只能当前页面使用。

文章来源:https://blog.csdn.net/weixin_59017683/article/details/135107689
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。