BOM对象基础回顾

提示：BOM（Browser Object Model）即浏览器对象模型。

文章目录

• window对象
• screen对象
• history对象
• navigator对象
• location对象
• 总结

一、window对象

window对象是BOM的重要对象，可以理解为一个浏览器窗口就是一个window对象。

需要声明一点，window对象都可以省略window使用，这点相信大家都知道。

window对象的常用方法：

对话框三种：alert() 警示对话框、confirm()确认对话框、prompt()输入对话框。

定时器两种：setInterval()间隔调用启用、clearInterval()间隔调用关闭；setTimeout()延迟调用开启、clearTimeout()延迟调用关闭。

窗口的开和关：open()打开窗口、close()关闭窗口。

二、screen对象

screen对象，即屏幕对象，它是window对象的子对象。基本的属性如下：

screen.width屏幕宽，screen.height屏幕高，

screen.avialWidth除任务栏宽，scree.avialHeight除任务栏高。

三、history对象

history对象，即历史记录对象，它是window对象的子对象。基本方法如下：

history.forword()前进、history.go(1)前进；

hository.back()后退、history.go(-1)后退。

相当于浏览器的前进和后退。

四、navigator对象

navigator对象，用于确定浏览器的类型，它是window对象的子对象。

五、location对象

location地址栏信息，它是window对象的子对象。常用属性如下：

navigator.userAgent 用来获取浏览器的头信息。

假设浏览器加载的URL是http://127.0.01/javascript/object.html/?name=qi&age=22#good

location.href 地址信息，全部的URL                         location.protocol 协议 ，http:

location.hostname 域名   127.0.01                           location.port 端口号 80   

location.pathname 地址 javascript/object.html         location.search 查询 ？?name=qi&age=22

location.hash  哈希值 #good

---

总结

       人们都说活到老，学到老。生命就是一个不断学习的过程，不断的探索进步之余，适时的温故旧识，会让我们稳固就势，走的更踏实稳健，与君共勉！