一、BOM
1.JavaScript的组成
(1)ECMAScript:是JavaScript的语法规范。ES5、ES6
(2)BOM:浏览器对象模型(Brower Object Model)
(3)DOM:文档对象模型(Document Object Model)
2.BOM:Brower Object Model
(1)浏览器对象:一个浏览器窗口就是对象(属性和行为)
(2)浏览器对象模型:将浏览器中各个组件按某种组织架构子啊一起称为模型
3.BOM的组成:由内置对象组成
(1)window对象:是BOM的跟对象(核心对象),其他对象都是作为window的子对象而存在
(2)location对象:地址栏对象
(3)document对象:文档对象
(4)history对象:历史记录对象(用户访问的痕迹)
(5)navigator对象:浏览器对象
(6)screen对象:屏幕对象
二、window对象
1.介绍:是BOM的核心对象,是其他所有对象的父对象。在全局作用域中定义的变量、函数以及javascript的内置函数都可以通过window对象调用
2.全局作用域:直接编写在script标签中js代码都称为全局作用域
3.常用属性:
(1)parent:表示window上级对象的一个字符串
注:Object对象(所有对象的父对象,用户自定义的对象或JavaScript的内置对象都直接或间接的继承自Object)
(2)self:代表当前窗口的引用
(3)name:代表当前窗口的名称
_blank:表示打开一个新的窗口,在新的窗口显示页面
_self:表示在当前窗口中打开页面
_parent:在当前窗口的父级窗口中打开页面
(4)outHeight / outWidth:浏览器窗口的宽度和高度
(5)innerWidth / innerHeight:视口的宽度和高度
(6)screenLeft / screenTop:浏览器左上角和屏幕左上角的距离
4.常用的方法(函数)
(1)open(url,name,space,replace)
url:统一资源定位符。 协议://主机名:端口号/文件名
http://localhost:80/index.html
name:在什么位置打开窗口
space:打开窗口的特征(大小)
replace:打开窗口后是否替换原有信息
(2)moveTo(x,y):移动窗口
X:X轴的坐标
Y:Y轴的坐标
(3)resize To(width,height):重新设置窗口的大小
width:窗口的宽度
heigth:窗口的高度
(4)setTimeout(callback,time)定时器函数。间隔time毫秒后调用callback函数。函数返回的是定时器对象
callback:是一个函数
time:时间,单位是毫秒
(5)clearTimeout(定时器名):清除setTimeout创建的定时器对象