JavaScript——BOM

JavaScript：

                    ECMAScript（核心）

                    BOM(浏览器对象模型)

                    DOM（文档对象模型）

一、BOM的核心——window对象

    BOM的核心对象是window，它表示浏览器的一个实例。

    在浏览器中，window对象既是JS访问浏览器窗口的一个接口，又是 ECMAScript规定的Global对象。

    这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其Global对象，因此有权访问parseInt ()等方法。

    (所有全局作用域中声明的变量、函数都会变成window对象的属性和方法)

二、 窗口关系和框架

       如果页面中包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中。在frames集合中，可以通过数值

索引(从0开始，从左到右，从上到下)或者框架名称来访问相应的window对象。每个window对象都有一个name属性，其中包含

着框架的名称。

       可以通过window.frames[0]或者window.frames[“topFrame”]来引用上方的框架。不过，最好使用top，而不是window

来引用这些框架。因为，top对象始终指向最高(最外)层的框架，也就是浏览器窗口。使用它可以确保在一个框架中正确地访问另

一个框架。因为对于一个在框架中编写的任何代码来说，其中的window对象指向的都是那个框架的特定实例，而不是最高层的

框架。

       与top相对的另一个window对象是parent。parent对象始终指向当前框架的直接上层框架。

       与框架有关的最后一个对象是self，它始终指向window。self和window对象可以互换使用。

       在使用框架的情况下，浏览器中会存在多个Global对象。在每个框架中定义的全局变量会自动成为框架中window对象的属性。由于每个window对象都包含原生类型的构造函数，因此每个框架都有一套自己的构造函数，这些构造函数一一对应，但并不相等。

三、location对象

location对象是一个很特别的对象，因为它既是window对象的属性，也是document对象的属性。

window.location和document.location引用的是同一个对象。 

location对象的属性：

四、history对象

history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。因为history是window对象的属性，因此每个浏览器窗口、每个标签页以及每个框架，都有自己的history对象与特定的window对象关联。处于安全方面的考虑，开发人员是无法知道用户浏览过的URL，不过，借助用户访问过的页面列表，同样可以在不知道实际URL的情况下实现后退和前进。

使用go()方法可以在用户的历史记录中任意跳转，可以向后也可以向前。该方法接收一个参数：表示向前或者向后跳转的页面数的整数值。负数表示向后跳转(类似单击浏览器的后退按钮)，正数表示向前跳转(类似浏览器的前进按钮)。

        //后退一页
        history.go(-1);
        //前进一页
        history.go(1);

五、系统对话框

    alert()、confirm()和prompt()

alert()–警告消息框 

alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。

例如：window.alert(“欢迎！请按“确定”继续。”)

confirm()–确认消息框 

使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。

prompt()–提示消息框 

两个参数提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 “”。 与alert( ) 和 confirm( ) 方法类似，prompt 方法也将显示一个模式消息框。

用户在继续操作之前必须先关闭该消息框 。