BOM属性、方法、事件应用案例

一、什么是BOM？

BOM：Browser Object Model (浏览器对象模型)。
提供了独立于内容与浏览器窗口进行交互的对象。

二、window对象的常用属性

1.window.screen

• 屏幕对象，获取屏幕相关信息
• screen,可以不写window
  属性:
• width 宽度
• height 高度
• availWidth 屏幕可用宽度
• availHeight 屏幕可用高度，不包括任务栏
  代码

	console.log(screen.width, screen.height);
	console.log(screen.availWidth,screen.availHeight);

效果

2.history对象

• history:历史记录
• history.back():回退
• history.forword():前进
• history.go(偏移量 delta)，从当前位置前进或者后退，0代表刷新。
  效果
  注：前进、后退只有在图标亮起时可以使用。
  
  

3.location

• location：页面地址栏中所有信息
• location.protocol：协议 (https/http)
• location.hostname：主机IP
• location.port：端口
• location.pathname：资源路径 (端口后面 ？前面)
• location.search：？开始内容
• location.hash 获取#开始内容
• location.href 获取修改地址信息
• location.reload() 刷新
  效果
  
  

4.navigator

• 浏览器相关
• navigator.userAgent：用户代理 标识用户身份(浏览器类型每一个浏览器ua都不一样的)
  效果
  

三、window对象的常用方法