BOM（浏览器对象模型）

BOM（browser object model）

BOM六大对象

• 1.窗口对象 window 顶层对象 ------一个浏览器有多个窗口
• 2.浏览器对象 navigator 记录浏览器相关信息
• 3.屏幕对象 screen 包含屏幕相关信息
• 4.历史对象 history 访问页面历史信息
• 5.位置对象 location 当前页面的地址信息
• 6.文档对象 document 包含整个HTML文档 ------>DOM

 

 

---------window

 

每打开一个窗口，就包含了一个window对象

 

---属性

 

1.window.screenX 和window.screenY

 

返回浏览器相对于屏幕窗口的X.Y坐标（IE中叫 window.screenLeft window.screenTop)

 

2.window.pageXOffset 和 window.pageYOffset

 

返回页面相对于窗口提示区位置坐标

 

3.window作为顶层对象，它的属性和方法可以省略（window.）

 

4.window.innerWidth 和 window.innerHeight

 

返回窗口的文档显示区 viewpart的宽高

 

----方法

 

1.alert（）警告窗口  confirm（）确认按钮 prompt（）提示 阻塞代码执行===>三个弹窗方法

 

2.scrollBy( ) 叠加，按一次执行一次 scrollTo( ) 一次到位

 

3.window.open（）默认从新窗口打开

 

4.setInterval(fn,ms) fn 函数的声明 mm 毫秒 1s = 1000ms 计时器 没隔多久做一次

 

clearInterval() 停止计时器

let num = 5;
    setInterval(function(){
        if(num>=0){
            console.log(num);  5 4 3 2 1 0
            num--;
        }else{
            clearInterval();
        }
    },2000)

　　

5.setTimeOut(fn,ms) 执行一次，隔了多久后才做某一事件，异步代码，最后才会执行

clearTimeOut();

 

-------screen

属性：

1.screen.width 和 screen.height 返回屏幕宽高

2.screen.availWidth 和 screen.availHeight

返回可视区域宽高，去除任务栏

 

-----------history

方法

history.go() -1 回退 0 刷新 1 前进

 

------------location

属性：

location.href 返回完整的URL 跳转到某一地址

任何元素都可以跳转到新页面

 

-----------navigator

属性：

navigator.appName 返回浏览器名称