视频在线直播网站建设,网站搜索算法,东莞做网页公司,云南手机网站建设BOM操作#xff1a;
概念#xff1a;BOM操作的时候#xff0c;操作的整个浏览器#xff0c;浏览器被封装成一个对象#xff0c;这个对象就是window。
window对象就是顶级对象。
window对象的特点为#xff1a;凡是window对象中的属性或方法#xff0c;window顶级对象…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保存数据属于临时保存数据会随着页面的关闭消失保存的数据只能当前页面使用。