一、BOM
1. 概念 --- browser object model 浏览器对象模型
一组与浏览器相关的内置对象和函数。Window对象
2. 与window对象相关的函数和属性
1)打开和关闭浏览器窗口 open() close()
var w = window.open( url ) ; 新建一个新的浏览器窗口,并在窗口里显示url指定的资源,返回值w代表新打开的浏览器窗口对象
Window.close(); 关闭当前窗口
2)window提供的各种对话框
I. Alert() ---- 警告框
II. var ba = window.confirm(提示文字); ----- 确认框
III. 提示输入框: var str = window.prompt(“提示文字”);
3)定时器
I. 单次定时器
var id = window.setTimeout( fun , time ); time的单位是毫秒
在time毫秒后执行一次fun函数
Window.clearTimeout(id); ----> 清除定时器
II. 周期定时器
var id = window.setInterval( fun , time ) ; 每隔time毫秒执行一次fun函数
Window.clearInterval( id );
案列:利用轮播图设置周期定时器
4)window的location属性
Location的href属性 ---> 在js代码中向其他资源跳转(类似于html里的超链接)
3、网页中的事件处理
1)标签式事件处理
<标签名 οnclick=”js代码或者函数”>
2)编程式事件处理
onload事件会在整个网页加载完成后触发
其代码块内可以为标签添加事件