Javascript操作BOM和DOM详解（1）
⼀、JavaScript的实现包括以下3个部分：
1.ECMAScript(核⼼)描述了JS的语法和基本对象。
2.浏览器对象模型（BOM）与浏览器交互的⽅法和接⼝
3.⽂档对象模型 （DOM）处理⽹页内容的⽅法和接⼝
（1）ECMAScript：
1.ECMAScript是⼀个标准，JavaScript只是它的⼀个实现，还有其他实现如：ActionScript。
2.ECMAScript可以为不同种类的宿主环境提供核⼼的脚本编程能⼒……”，即ECMAScript不与具体的宿主环境相绑定，如JS的宿主环境是浏览器，AS的宿主环境是Flash。
3.ECMAScript描述了以下内容：语法、类型、语句、关键字、保留字、运算符对象。
（2）BOM(浏览器对象模型)：是操作浏览器的API，BOM 其实就是为了控制浏览器的⾏为⽽出现的接⼝，window是其的⼀个对象。javacsript是通过访问BOM（Browser Object Model）对象来访问、控制
、修改客户端(浏览器)
（3）DOM(⽂档对象模型)：是操作⽂档出现的 API，是为了操作⽂档出现的接⼝，document 是其的⼀个对象。
图⽰：
其中红线框起来的是BOM操作，绿线框起来的是DOM操作。
⼆、BOM浏览器对象模型
BOM 是 Browser Object Model，浏览器对象模型，BOM中最核⼼的对象是Window对象：
由于BOM的window包含了document，因此可以直接使⽤window对象的document属性，从window.document已然可以看出，DOM对象是BOM中window对象的⼦对象。操作BOM就是操作BOM的window对象。
三、window对象
1.Window对象包含⼏个⼦对象：document、location、navigator、screen、history、frames。
2.Window对象的⽅法：
⽅法描述
显⽰带有⼀段消息和⼀个确认按钮的警告框。
把键盘焦点从顶层窗⼝移开。
取消由 setInterval() 设置的 timeout。
取消由 setTimeout() ⽅法设置的 timeout。
关闭浏览器窗⼝。
显⽰带有⼀段消息以及确认按钮和取消按钮的对话框。
创建⼀个 pop-up 窗⼝。
把键盘焦点给予⼀个窗⼝。
可相对窗⼝的当前坐标把它移动指定的像素。
把窗⼝的左上⾓移动到⼀个指定的坐标。
打开⼀个新的浏览器窗⼝或查⼀个已命名的窗⼝。
打印当前窗⼝的内容。
显⽰可提⽰⽤户输⼊的对话框。
按照指定的像素调整窗⼝的⼤⼩。
把窗⼝的⼤⼩调整到指定的宽度和⾼度。
scroll()
按照指定的像素值来滚动内容。
把内容滚动到指定的坐标。
按照指定的周期（以毫秒计）来调⽤函数或计算表达式。
在指定的毫秒数后调⽤函数或计算表达式。
3.Window对象的属性：
属性描述
返回窗⼝是否已被关闭。
设置或返回窗⼝状态栏中的默认⽂本。
js脚本编程入门对 Document 对象的只读引⽤。(请参阅)
返回窗⼝中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗⼝中含有⼀
个框架。
对 History 对象的只读引⽤。请参数 。
返回窗⼝的⽂档显⽰区的⾼度。
返回窗⼝的⽂档显⽰区的宽度。
设置或返回窗⼝中的框架数量。
⽤于窗⼝或框架的 Location 对象。请参阅 。
设置或返回窗⼝的名称。
对 Navigator 对象的只读引⽤。请参数 。
返回对创建此窗⼝的窗⼝的引⽤。
返回窗⼝的外部⾼度，包含⼯具条与滚动条。
返回窗⼝的外部宽度，包含⼯具条与滚动条。
设置或返回当前页⾯相对于窗⼝显⽰区左上⾓的 X 位置。
设置或返回当前页⾯相对于窗⼝显⽰区左上⾓的 Y 位置。
返回⽗窗⼝。
对 Screen 对象的只读引⽤。请参数 。
返回相对于屏幕窗⼝的x坐标
返回相对于屏幕窗⼝的y坐标
返回相对于屏幕窗⼝的x坐标
返回相对于屏幕窗⼝的y坐标
返回对当前窗⼝的引⽤。等价于 Window 属性。
设置窗⼝状态栏的⽂本。
返回最顶层的⽗窗⼝。
4.图⽰：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。