BOM:Browser Object Model(浏览器对象模型)
2018-09-02 22:20 w**2 阅读(160) 评论(0) 编辑 收藏 举报1、window对象
2、navigator对象
3、 screen对象
4、history对象
5、 location对象
6、 document对象
window对象
1、属性
* pageXOffset:页面相对于视口的位置,x轴
* pageYOffset:页面相对于视口的位置,y轴
* screenX:浏览器相对于屏幕的坐标,x轴
* screenY:浏览器相对于屏幕的坐标,y轴
* innerWidth:文档显示区的宽
* innerHeight:文档显示区的高
* outerWidth:文档显示区的宽,包含工具条、滚动条
* outerHeight:文档显示区的高,包含工具条、滚动条
2、方法
* open():打开一个新窗口,页面跳转
* 参数:open(URL,name,specs);
* 跳转的地址,打开位置,设置新窗口的样式
* moveBy(x,y):相对于当前窗口移动
* moveTo(x,y):相对于窗口左上角移动
* (重点) setInterval():按照指定周期调用函数(时间函数)
setInterval(function(){},时间(单位为毫秒));
//函数声明
* (重点) clearInterval():取消由 setInterval() 设置的 timeout,暂停时间函数
clearInterval();
* (重点) setTimeout():在指定的毫秒数后调用函数或计算表达式。只会调用一次
* (重点) clearTimeout():取消由 setTimeout() 方法设置的 timeout。暂停时间函数
* alert:显示带有一段消息和一个确认按钮的警告框,显示只有确认按钮。
* confirm() : 显示带有一段消息以及确认按钮和取消按钮的对话框。
* prompt(): 显示可提示用户输入的对话框。
navigator对象
属性
* appName:返回浏览器的名称
screen对象
属性
* availWidth:返回屏幕的宽度。(不包含windows任务栏)
* availHeight:返回屏幕的高度。(不包含windows任务栏)
* Width:返回屏幕的总宽度。(包含windows任务栏)
* Height:返回屏幕的总高度。(包含windows任务栏)
history对象
方法
* back():加载 history 列表中的前一个 URL,回退一个页面
* forword():加载 history 列表中的下一个 URL,前进一个页面
* go():加载 history 列表中的某个具体页面
location对象
* (重点) href:页面跳转,指定路径跳转