浏览器对象模型--BOM

Posted 2020-09-19

BOM的核心对象是window对象，其他对象都是window对象的子对象

一、浏览器对象模型

二、window对象

　　属性

　　1.位置类型
　　　　(浏览器距离屏幕的距离)
　　　　// IE chrome
　　　　alert(window.screenLeft)
　　　　alert(window.screenTop)

　　　　// FF chrome
　　　　alert(window.screenX)
　　　　alert(window.screenY)

　　2.尺寸类型 (浏览器的文档尺寸)
　　　　alert(window.innerWidth) //(有兼容性)
　　　　alert(window.innerHeight)

　　　　alert(document.documentElement.clientWidth)
　　　　alert(document.documentElement.clientHeight)

　　 3.分辨率(电脑屏幕的尺寸)
　　　　alert(window.screen.width)
　　　　alert(window.screen.height)

　　4.状态栏(IE浏览器最下面的一栏)
　　　　window.status=""

　　方法

　　1.对窗体的移动

　　　　window.moveBy(100,100) (只有IE可用，刷新每次移动100,100)
　　　　window.moveTo(100,100) (只有IE可用，移动到，刷新后都会移动到距离屏幕100,100处)

　　2.对窗口大小的改变

　　　　window.resizeBy(50,50) (只有IE可用，每次都减小50,50)
　　　　window.resizeTo(50,50) (只有IE可用，减小到50，50大)

　　3.滚动条

　　　　window.scrollBy()   相对于当前滚动条的位置移动的像素（前提有滚动条）
　　　　window.scrollTo()   相对于当前窗口的高度或宽度，移动到指定的像素

　　4.时间函数

　　　　setInterval(函数指针，指定的时间（毫秒）)     按照指定的周期不断执行函数

　　　　cleaInterval()   清除时间函数的进程

　　　　setTimeout（函数指针，指定的时间（毫秒））   在指定的毫秒数后只执行一次函数

　　　　clearTimeout()  清除时间函数进程

　　5.其他方法

　　　　alert()  显示带有一段消息和一个确认按钮的警示框

　　　　confirm()  显示带有一段消息以及确认按钮和取消按钮的对话框

　　　　prompt()  显示可提示用户输入的对话框

　　　　close() 关闭浏览器窗口

　　　　open(url,name,feafurse,replace)  通过脚本打开新窗口