BOM:Browser Object Model(浏览器对象模型)

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:页面跳转,指定路径跳转

猜你喜欢

转载自www.cnblogs.com/badren/p/9575737.html