码迷,mamicode.com
首页 > 其他好文 > 详细

关于BOM知识的整理

时间:2015-10-19 12:38:49      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

概述:

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

  BOM包含内容:

    window对象(核心
    location对象
    navigator对象
    screen对象
    history对象

 

一、window对象

  双重身份:全局(Global)对象;浏览器的实例。

  窗口关系及框架:window.frames,集合。
          top.frames:最外层的框架。

  窗口大小:window.innerWidth / window.innerHeight 。

  导航和打开窗口:window.open(),打开窗口,接收4个参数:URL、窗口目标、窗口属性(字符串)、是否取代浏览器历史记录(布尔值)。

  定时器:setTimeout() / setInterval() ;

  系统对话框:alert() / confirm() / prompt()  警告/确认/输入。

二、location对象

  window.location与document.location引入同一个对象。

  查询字符串参数:location.scarch

  哈希值:location.hash

三、navigator对象

  用户代理信息:window.navigator.useragent,可以获得用户的操作系统、浏览器版本、渲染的内核等信息。

        注意:1. 用户的信息可以轻易伪装;
                   2. 可以利用用户代理信息,来决定展示相应的页面(pc端/手持端)。
        alert( window.navigator.userAgent )    :查看用户代理信息;
        用法实例:
                if( window.navigator.userAgent.indexOf("MSIE") !== -1 ){      alert("IE浏览器" ) ;     }
 
四、screen对象 很少使用
 
五、history对象
  跳转:history.go(),参数为数值,前进后退的页数。
  前进:history.forward()。
  后退:history.back()。
  
 

 

    

    

关于BOM知识的整理

标签:

原文地址:http://www.cnblogs.com/newh5/p/4891372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!