1.什么是BOM
BOM:Browser Object Model 是浏览器对象模型
浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。
2.window对象
ECMAScript是javascript的核心,但是如果要在web中使用javascript,那么BOM(浏览器对象模型)才是真正的核心。BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。
window对象:BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
因此,所有全局作用域中声明的变量、函数都会变成window对象的属性和方法。
<script>
var age = 26; //这里定义的全局变量和全局函数在window对象下
function sayAge() {
console.log(this.age);
}
console.log(window.age); //26
sayAge(); //26 相当于window.sayAge() 在window下
window.sayAge(); //26
window.color = 'red';
delete window.age;
delete window.color;
console.log(window.age); //26
// 因为全局没有color属性所以在window上找不到
console.log(window.color); //undefined
</script>
3.系统对话框
alert()、confirm()和prompt()
alert():确认框如果前面出现这个框会阻止下面代码的执行
confirm()确认取消框点击取消相当于flase不执行确认相当于true执行的意思
prompt()输入框 用于提示用户输入一些文本。提示框除了显示OK和Cancel按钮之外 ,还会显示一个文本输入域,用来输入文本内容。该方法接收两个参数:要显示给用户的文本提示和文本输入域的默认值(可以是一个空字符串)
4.BOM对象
window 对象,是 JS 的最顶层对象,其他的 BOM 对象都是 window 对象的属性;
document 对象,文档对象;
location 对象,浏览器当前URL信息;
navigator 对象,浏览器本身信息;
screen 对象,客户端屏幕信息;
history 对象,浏览器访问历史信息;
1)、Window对象:BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
(3)定时器
A、setTimeout(函数,毫秒值):代表一定的毫秒值之后执行函数
例如:
setTimeout(
function(){
open("http://baidu.com");
},
3000
)
关闭定时器clearTimeout(定时器对象)(具体如下个函数)。
B、setInterval(函数,毫秒值):代表每间隔一定的毫秒值后执行函数
例如:
setInterval(
function(){
open("http://baidu.com");
},
3000
)
关闭定时器clearInterval(定时器对象)
var timer = setInterval(
function(){
open("http://baidu.com");
},
3000
);
function fn(){
clearInterval(timer);
}
<body>
<input type="button" value="clear" onclick="fn()"/>
</body>
bom思维导图