BOM编程
BOM对象模型
什么是BOM
BOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作。使用BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。
BOM对象模型结构
window对象
BOM 的操作入口为 window 对象,即浏览器下的全局对象
- 所有浏览器都支持 window 对象。它表示浏览器窗口
- 一个html文档对应一个window对象
- 控制浏览器窗口的
- window对象不需要创建对象,直接使用即可
- 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员
窗口加载事件
window.onload = function(){}
页面所有元素代码加载完执行
window.addEventListener('load',function(){})
页面所有元素代码加载完执行
window.addEventListener('DOMcontentLoaded',function(){})
不需要加载图片等页面就出现
调整窗口大小事件
window.onresize = function(){}
window.addEventListener(‘resize’,functon(){});
定时器
window.setInterval()
window.setTimeout()
全局变量
直接写在 script 标签中的 JavaScript 代码,都在全局作用域。全局作用域在页面加载时创建,在页面关闭时销毁。在全局作用域中,有一个全局对象 window,它有浏览器创建并可以直接使用,在全局作用于下创建的变量和函数都会作为 window 对象保存。全局作用域中的变量都是全局变量,在页面的任意部分都可以访问到。在脚本中自定义一个变量或函数时,可以通过 window 对象访问它们。
window对象常用方法
window.open()
打开一个新窗口
格式:window.open(URL,name,param)
window.close()
关闭当前窗口
window对象常用属性
window.closed 返回窗口是否已被关闭。
window.status=sometext 设置窗口状态栏的文本。
window.location.href=“url” 在当前页面跳转至新页面
window.location 获取当前页面的url地址
大多数修改窗口大小或位置的方法,目前已被主流浏览器禁用,对非window.open方法打开的窗口不能使用
window对象常用事件
- window.onload
- location对象
- navigator对象
- screen对象
- history对象
frames框架
如果页面中包含框架,则每个框架都拥有自己的window对象,并且保存在frames集合中