BOM
一.window对象
- BOM的核心对象是window, 在全局作用域声明的变量、函数都会变成window对象的属性和方法。
- 全局变量不可以通过delete删除,但是window对象上直接定义的属性可以
二.位置大小
1.screenTop、screenLeft:窗口位置
screenTop:浏览器窗口相对于电脑窗口上边的位置
screenLeft:浏览器窗口相对于电脑窗口左边的位置
2.innerWidth、innerHeight、outerWidth、outerHeight:窗口大小
innerWidth、innerHeight:返回页面可视区大小(减去了边框)
outerWidth、outerHeight==: 返回浏览器本身的尺寸
3.clientWidth、clientHeight:保存了页面视口信息
- 使用方法:
documetn.documentElement.clientWidth
document.documentElement.clientHeight
4.resizeTo(X,Y)、resizeBy(X,Y):调整浏览器窗口大小
resizeTo(X,Y):接收的是新的宽和高
resizeBy(X,Y):接收的是高度差,如果X,Y是正的,就在原有宽高上加上这么多,如果是负的就减去这么多
5.window.open(url,窗口目标,特定字符串,是否替代当前页面),window.close()
//打开页面
<input type="button" value="open" οnclick="window.open('close.html'); "/>
//关闭页面
<input type="button" value="close" οnclick="window.close()"/>
6.超时调用、间歇调用
(1)超时调用
setTimeout(代码,毫秒数):返回一个数值ID
clearTimeout(数值ID);
(2)间歇调用
setInterval(代码,毫秒数):返回一个数值ID
clearInterval(数值ID)
7.系统对话框
(1)alert("hello world ");
(2)confirm(“hello world”);
(3).prompt()
三、location对象
window.location=document.location:把当前的地址显示出来
用法1:alert(window.location);
用法2:onclick="window.location='网址' "
//点击直接跳转到网址
四、navigator对象
1.window.navigator.userAgent
alert(window.navigator.userAgent); //判断浏览器类型