BOM
BOM的概念
BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理,比如:刷新浏览器、后退、前进、在浏览器中输入URL等
BOM的顶级对象window
window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window
注意:window下一个特殊的属性 window.name
对话框(不常用)
- alert(“提示信息”);
- prompt(“提示信息”, “输入框的默认信息”);
- confirm(“提示信息”);
页面加载事件(了解)
- onload
window.onload = function () {
// 当页面加载完成执行
// 当页面完全加载所有内容(包括图像、脚本文件、CSS 文件等)执行
}
- onunload
window.onunload = function () {
// 当用户退出页面时执行
}
location对象
属性/方法 | 描述 |
---|---|
hash | 地址栏上#及后面的内容 |
host | 主机名及端口号 |
hostname | 主机名 |
pathname | 文件路径 |
port | 端口号 |
protocol | 协议 |
search | 地址栏上?及后面的内容,即搜索内容 |
href | 跳转地址 |
assign(“url”) | 跳转地址 |
reload() | 重新加载 |
replace(“url”) | 跳转,但不可后退 |
history对象(了解)
方法 | 描述 |
---|---|
forward() | 前进 |
back() | 后退 |
go() | 正数前进,负数后退 |
navigator对象
属性 | 描述 |
---|---|
platform | 返回系统平台类型 |
userAgent | 判断用户浏览器类型 |
定时器函数(重点)
setTimeout()和clearTimeout()(不常用)
**setTimeout(“调用的函数名称”, “等待的毫秒数”);**用于指定的毫秒后调用函数或计算表达式。返回的时定时器的ID。
**clearTimeout(定时器名);**清除setTimeout()创建的定时器。
setInterval()和clearInterval()(常用)
**setInterval(“调用的函数名称”, “间隔毫秒数”);**按照指定的周期(以毫秒算)来调用函数或计算表达式。返回的时定时器的ID。
**clearInterval(定时器名);**清除clearInterval()创建的定时器。
// 创建一个定时器,每隔1秒调用一次
var timerId = setInterval(function () {
var date = new Date();
console.log(date.toLocaleTimeString());
}, 1000);
// 取消定时器的执行
clearInterval(timerId);