【JS】—BOM

     BOM(browser ObjectModel),浏览器对象模型，用于描述对象于对象之间的层次关系的模型，浏览器对象模型提供了独立的内容，可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的Windows对象是BOM的顶层对象。

      

 

    JS 视频中主要讲了一下对象及其属性和方法。

  

 

        window对象

         1、系统对话框

         浏览器通过alert（）、confirm（）和prompt（）方法可以调用系统对话框向用户显示信息。系统对话框与浏览器中显示的网页没有关系，也不包含HTML。

 alert（'lee'） //弹出警告

Confirm('请确定或者取消') //确定和取消

Prompt('请输入一个数字'，0) //两个参数，一个提示、一个值

 

     2、新建窗口

      使用window.open()方法可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。它可以接受四个参数：1、要加载的URL；2、窗口的名称或窗口目标；3、一个特性字符串；4、一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。

     ps:不命名会每次打开新窗口，命名的第一次打开新窗口，之后在这个窗口中加载。

   

     3、窗口的位置和大小

    

       屏幕左边 : screenLeft (IE、Safari、Opera、Chrome)  或screenX(Firefox)

  屏幕上边：screenTop(IE、Safari、Opera、Chrome)  或screenY（Firefox）

    

        跨浏览器的方法：

Var leftX = (typeof screenLeft =='number')? screenLeft：screenX;

Var topY = (typeof screenTop=='number')?screenTop:screenY；

 

      浏览器窗口本身的尺寸

       innerWidth //页面长度

      innerHeight //页面高度

  

浏览器窗口本身的尺寸及边框尺寸

outerWidth //页面长度+边框

outerHeight //页面高度+边框

 

     4、间歇调用和超时调用

      间歇调用：每隔指定的时间执行一次代码

   setInterval("alert('lee')",1000) //每隔1秒  弹出一次‘lee’

 

     超时调用：指定的时间过后执行代码

     setTimeout("alert('lee')",1000) //1秒后 弹出‘lee’

 

     location对象

     location 是BOM对象之一，他提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。

 

     history对象

     history对象是window对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。

    属性：length  //history对象中的记录数

    方法：back（）//后退

              forward（） //前进

              go(num) // 浏览器在history对象中向前或向后。

 

BOM 浏览器对象模式是我们以后界面实现中一个不可获取的知识点，今后会经常用的，所以把常用的东西记录一下。方便以后查阅！