Javascript学习笔记3 Javascript与BOM简介

2023-01-27 13:55:24

什么是BOM

BOM是browser object model的缩写，简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分

BOM结构图

BOM对象包括

window对象

是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，例如下面两行代码是一样的：

document.write("www.dreamdu.com");  
window.document.write("www.dreamdu.com");

window对象的属性和方法：
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。

window与self对象

self对象与window对象完全相同，self通常用于确认就是在当前的窗体内

window的子对象

JavaScript document 对象
JavaScript frames 对象
JavaScript history 对象
JavaScript location 对象
JavaScript navigator 对象
JavaScript screen 对象

window函数索引

窗体控制函数

JavaScript moveBy() 函数
JavaScript moveTo() 函数
JavaScript resizeBy() 函数
JavaScript resizeTo() 函数

窗体滚动轴控制函数

JavaScript scrollTo() 函数
JavaScript scrollBy() 函数

猴子提示: 上面几个函数的名字最后都带有To或By，to是绝对的意思(从整体而言)，by是相对的意思(从原先的位置而言)

窗体焦点控制函数

JavaScript focus() 函数
JavaScript blur() 函数

新建窗体函数

JavaScript open() 函数
JavaScript close() 函数
JavaScript opener 属性

对话框函数

JavaScript alert() 函数
JavaScript confirm() 函数
JavaScript prompt() 函数

状态栏属性

JavaScript window.defaultStatus 属性
JavaScript window.status 属性

时间等待与间隔函数

JavaScript setTimeout() 函数
JavaScript clearTimeout() 函数
JavaScript setInterval() 函数
JavaScript clearInterval() 函数