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


总结

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

你可能感兴趣的:(javascript,前端)