【web】BOM基础

window对象

窗口位置

1. screenLeft：返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容火狐浏览器。
2. screenTop：返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容火狐浏览器。
3. screenX：返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，兼容火狐浏览器。
4. screenY：返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，兼容火狐浏览器。

窗口大小（IE9以下不兼容）

1. innerWidth：返回网页在当前窗口可见部分的宽度，包含滚动条宽度。
2. innerHeight：返回网页在当前窗口可见部分的高度，包含滚动条高度。
3. outerWidth：返回浏览器窗口宽度，包含浏览器菜单和边框。
4. outerHeight：返回浏览器窗口高度，包含浏览器菜单和边框。

打开窗口

1. window.open( )：打开一个新的浏览器窗口，接受四个参数（url/打开方式/窗口参数/是否取代当前页面历史记录的布尔值）

   第三个参数实例：width=500，height=500

2. window.close( )：关闭新打开的窗口（仅限open( )打开的窗口）

window子对象

screen对象

功能：包含显示设备的信息

个别属性列举：

1. screen.height、screen.width返回设备的分辨率
2. screen.availlHeight返回屏幕可用宽高，值为屏幕的实际大小减去操作系统某些功能占据的空间.如系统任务栏。

location对象

功能

保存当前文档信息、将URL解析为独立片段。

属性

1. href ：
   • 返回当前页面完整的URL
   • 修改这个属性，即球转新页由
2. hash ：返回URL中的hashin号后跟零或多个字符)
3. host ：返回服务器名称和端口号
4. port： 返回服务器端口号
5. pathrame ：返回URL中的目录和文件名
6. hostname ：返回不带端口号的服务器名称
7. protccol ：返回页面使用的协议(htta://或https://)
8. search ：返回URL的查询字符串，字特串以问号开头

navigator对象

1. 提供一系列属性用于检测浏览器
2. onLine：是否联网
3. userAgent：浏览器嗅探，检测浏览器的类型

history对象

功能：保存用户上网的历史记录

方法属性：

1. go( )：在用户历史记录中任意跳转，接受一个参数，表示前后跳转可数的整数值（后退一页-1，前进一页1)，也可传字符串参数，跳转到第一个包含该字符串的位置。
2. back( )：后退
3. forward( )：前进
4. length：属性保存历史记录的