javaScript---BOM

BOM
概念
Browser Object Model 浏览器对象模型
将浏览器的各个组成部分分装成对象。
组成
* window：窗口对象
1. 创建
不用创建，直接使用
2. 方法
1. 与弹出框有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。(一般不用)
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。(使用最多)
如果用户点击确定，则返回true
如果用户点击取消，则返回false
prompt() 显示可提示用户输入的对话框。(了解)
返回值：获取用户输入的值
2. 与打开关闭有关的方法：
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
返回新的window对象
close() 关闭浏览器窗口。
谁调用我，我关谁
3. 与定时器有关的方法：
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
参数： 1. js代码或者方法对象
2. 毫秒值
返回值：唯一标识，用于取消定时器
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
参数： 1. js代码或者方法对象
2. 毫秒值
返回值：唯一标识，用于取消定时器
clearInterval() 取消由 setInterval() 设置的 timeout。
3. 属性
1. 获取其他的BOM对象：
history
location
Navigator
Screen：
2. 获取其他的DOM对象：
document
4. 特点
window对象不需要创建就可以直接使用 window使用。 window.方法名();
window引用可以省略。方法名()；
Navigator：浏览器对象（不学）
Screen：显示器屏幕对象（不学）
* History：历史记录对象
1. 创建
1.window。history
2. history
2. 方法
1. back() 加载 history 列表中的前一个 URL。
2. forward() 加载 history 列表中的下一个 URL。
3. go(参数) 加载 history 列表中的某个具体页面。
正数：前进几个历史记录
负数：后退几个历史记录
3. 属性
length 返回浏览器历史列表中的 URL 数量。
示例
//获取按钮
var btn = document.getElementById(“btn1”);
//绑定事件
btn.οnclick=function () {
//获取当前窗口上浏览器历史列表中的 URL 数量
var length = history.length;
alert(length);
}
//获取按钮
var forward = document.getElementById(“forward”);
//绑定事件
forward.οnclick=function () {
//前进方法
// history.forward();
history.go(1);
}
* Location：地址栏对象
1. 创建
1. window.location
2. location
2. 方法
reload() 重新加载当前文档。
3. 属性
href 设置或返回完整的 URL。
示例
/*
* Location：地址栏对象
* 1. 创建
* 1. window.location
* 2. location
* 2. 方法
* reload() 重新加载当前文档。
* 3. 属性
* href 设置或返回完整的 URL。
* /
//reload方法，定义了一个按钮，点击按钮，刷新当前页面
//1. 获取按钮
var btn1 = document.getElementById(“btn1”);
//2. 绑定点击事件
btn1.οnclick=function () {
//3. 刷新页面
location.reload();
}
/ //获取href
var href = location.href;
alert(href);*/
//点击按钮去百度官网
//获取按钮
var btn2 = document.getElementById(“btn2”);
//绑定事件
btn2.οnclick=function () {
//更改href
location.href=“https://www.baidu.com/”;
}