前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十五）- BOM

侵删前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十五）- BOM

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十五）- BOM - JAVASCRIPT WINDOW对象

BOM即 浏览器对象模型(Browser Object Model)
浏览器对象包括
Window(窗口)
Navigator(浏览器)
Screen (客户端屏幕)
History(访问历史)
Location(浏览器地址)
从 Window(窗口)开始讲起

示例 1 : 获取文档显示区域的高度和宽度   

一旦页面加载，就会自动创建window对象，所以无需手动创建window对象。
通过window对象可以获取文档显示区域的高度和宽度

window.innerWidth

示例 2 : 获取外部窗体的宽度和高度  

所谓的外部窗体即浏览器，可能用的是360，火狐，IE, Chrome等等。

window.outerWidth
示例 3 : 打开一个新的窗口   

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十六）- BOM - JAVASCRIPT NAVIGATOR对象

Navigator即浏览器对象，提供浏览器相关的信息

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十七）- BOM - JAVASCRIPT SCREEN对象

Screen对象表示用户的屏幕相关信息

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十八）- BOM - JAVASCRIPT HISTORY对象

History用于记录访问历史

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （二十九）- BOM - JAVASCRIPT LOCATION对象

Location表示浏览器中的地址栏

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （三十）- BOM - JAVASCRIPT 弹出框

浏览器上常见的弹出框有
警告框，确认框，提示框 这些都是通过调用window的方法实现的。
比如警告框用的是window.alert("警告内容")，因为很常用，所以就把window省略掉，直接使用alert

前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 （三十一）- BOM - JAVASCRIPT 计时器

 示例 1 : 只执行一次   
示例 2 : 不停地重复执行   
示例 3 : 终止重复执行   
示例 4 : 不要在setInterval调用的函数中使用document.write();