JS 之BOM

window对象

我们在JS中定义变量时var str = "hello world"，等价于：window.str = "hello world" 实际上是给window对象添加了属性

在JS中我们使用的任何未经过自己定义的属性、方法，都是window已经存在的

open()打开一个新的资源

moveTo()将窗口左上角的屏幕位置移动到指定的x和y的位置

moveBy()相对于当前的窗口移动指定的x和y的偏移值（相对左上角）

setInterval()每隔指定毫秒执行指定代码

setTimeout()经过指定毫秒数执行一次指定的代码

alert、confirm、prompt系统对话框,显示效果分别是

第一个就是一个弹窗，第二个多了一个取消点击确定和取消会返回true和false，第三个多了输入栏，点击确定会返回输入栏的内容，不输入并点击确定或直接点击取消会返回null

 

location对象（地址栏对象）

获取当前的页面属性：

location.hostname（域名）、location.pathname（路径和文件名）、location.port（端口号）、location.protocol（使用的协议）

hash（返回url中的hash（#后跟零或多个字符））、search（返回url的查询字符串，字符串以问号开头）

重定向页面

location.href = "http://www.baidu.com"

重新加载地址栏地址

location.reload()

 

history对象

返回到页面上一页： history.back()

前进到下一页：history.forward()

返回到页面浏览历史中某页：history.go(n)   n为1就是forward效果，n为-1就是back效果

 

navigator对象：访问者浏览器信息

console.log(navigator)

 

screen对象（）屏幕对象：获取电脑的屏幕的一些数据

availHeight 获取系统屏幕的工作区域高度，排除工作栏

availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏

height 获取屏幕的垂直分辨率

width 获取屏幕的垂直分辨率

 

 

 

BOM没有标准，各家浏览器实现的效果可能不一样，一定要注意兼容性问题