javascript浏览器对象模型

BOM对象：

BOM 是浏览器对象模型的简称。JavaScript 将整个浏览器窗口按照实现的功能不同拆分成若干个对象；

包含：window 对象、history 对象、location 对象和 document 对象等

window对象：

常用方法：

1.prompt();显示可提示用户输入的对话框

window.prompt("请输入您的 名字");

返回输入框的值。

2.alert();显示一个带提示信息的确定按钮框

window.alert("登录成功");

3.confirm();带有确定和取消按钮的提示框

window.confirm("确定删除吗！");

确定：返回true；

取消：返回false；

4.close();关闭当前浏览器页面

5.open(url);打开指定的路径页面

open("https://www.baidu.com");

6.setTimeout(执行函数,等待毫秒值);

setTimeout(function(){alert("3秒后的操作")},5000);

7.setInterval(执行函数，间隔时间毫秒);

按照设定的周期（以毫秒计）来重复调用函数或表达式

8.clearInterval();清除定时器

history对象：

概念：history对象保存了当前浏览器窗口中打开页面的一个历史记录列表。

常用方法：

1.history.back();//后退一个页面

2.history.forward();//前进一个页面

3.history.go(1);//前进一个页面

4.history.go(-1);//后退一个页面

location对象：

概念：location对象用于管理当前打开窗口的URL信息，相当于浏览器的地址栏

常用方法：

1.assign(url) 方法:在当前页面打开一个新的页面

location.assign("https://www.qq.com");

2.href 属性:返回或设置当前页面的 URL

3.hostname 属性:返回 Web 主机的域名

4.pathname 属性:返回当前页面的路径和文件名

5.port 属性 :返回 Web 主机的端口（默认本地浏览器端口号为8020）

6.protocol 属性：返回所使用的 Web 协议（http:// 或 https://）

7.reload() 方法：重新加载当前页面，相对于浏览器的刷新按钮

screen（屏幕）对象：

概念：screen 对象包含了用户屏幕的相关信息

常用属性：

1.availWidth：返回显示屏幕的可用宽度（除 Windows 任务栏之外）

2.availHeight：返回显示屏幕的可用高度（除 Windows 任务栏之外）

3.width ：返回显示器屏幕的宽度

4.height: 返回显示器屏幕的高度