浏览器对象模型:

  作用:访问、控制、修改浏览器,与浏览器进行交互(打开新的窗口、回退历史记录、获取url)

  BOM与的DOM区别:JS通过BOM与浏览器进行交互、BOM的window对象包含了document对象,document对象是DOM的根节点。

BOM五大对象:

  1.window对象:window对象是全局对象,引用对象属性时可直接写属性,不用加上window

    window对象属性:

    innerheight 返回窗口文档显示区的高度

    innerwidth 返回窗口文档显示区的宽度

    pageXOffset 设置或返回当前页面相对于窗口显示区左上角的x位置

    pageYOffset 设置或返回当前页面相对于窗口县市区左上角的y位置

    screenX 返回窗口左上角在屏幕的x位置

    screenY 返回窗口左上角在屏幕的Y位置

  

    window对象方法

    alert() 弹出信息框 带有确认按钮

    confirm() 确认框 返回ture/false

    prompt() 输入框 返回输入值

    close() 关闭浏览器窗口  只能关闭通过open()打开的当前窗口

    open() 打开一个新的窗口或查找一个以命名的窗口  open(url,name)

      name:记录窗口的标识,以相同的url和name打开的窗口永远只有一个

    

    移动当前窗口的可视区:    

      scrollBy(x,y) 按照指定像素值开滚动内容

      scrollTo() 把内容滚动到指定的坐标

    定时器:

    周期性:var time = setInterval(function(){...},毫秒数) 每个多少毫秒触发一次

        停止定时器 clearInterval(time)

    一次性:setTimeout(function(){...},毫秒数)  经过多少毫秒触发 只触发一次

window事件:window.onscroll 当滚动条滚动时触发事件

  2.navigator对象:浏览器的配置信息

    navigator对象属性

      cookieEnabled 返回浏览器是否启用cookie的boolean值

      

      onLine 返回系统是否有网的boolean值

      

      userAgent 包含浏览器名称、内核版本号的字符串

      

      plugins 浏览器安装插件的所有信息  navigator.plugins['插件名']

  3.history对象 :成功访问过的url历史记录栈

    history对象属性

      length 返回浏览器历史列表中的url数量

    history对象方法

      back() 后退到前一个网页

      forward() 前进到下一个网页

      go(n) 进入到某一个网页 1 前进 -1 后退 0 刷新

  4. location对象 :窗口url、地址栏信息

    location对象属性

      hash 设置或返回从#号开始的url锚点

      host 设置或返回主机名和当前端口号

      href 设置或返回完整的url 包括主机名、端口号、相对路径

      pathname 设置或返回当前url的相对路径

      protocol 设置或返回当前url的协议

      search 设置或返回从?开始的url

    location对象方法

      assign() 加载新的文档

      reload() 重新加载当前文档  false加载浏览器缓存文档 true加载服务器存储文档  默认false

      replace('url') 替换当前页面

  5.screen对象:屏幕信息

    screen.width 鉴别客户端的种类

    >=1200 TV

    >=992 pc

    >=768 pad

    <768 phone

    

      

      

    

    

javascript--BOM(browser object model)五大对象的更多相关文章

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

    JavaScript 实现是由 3 个部分组成:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) BOM(Browser Object Model) 浏览器对象模型BOM ...

  2. BOM—Browser Object Model and DOM—Document Object Model

    浏览器对象模型的内涵是每个页面都是一个window对象,而dom是document为基准的模型,而document与wimdow.document指向相同,所以可以这么理解,bom模型的定义是包括do ...

  3. 有关BOM(Browser Object Model)的内容

    包括: BOM概述 BOM模型 Window对象(常用属性和方法,窗口的打开,窗口的关闭,模态对话框,定时器) Navigator对象(遍历navigator对象的所有属性,Navigator 对象集 ...

  4. javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)

    什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...

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

    l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...

  6. 浏览器对象模型(BOM,Browser Object Model)

    本文内容     1.概述     2.windows与document     3.对话框     4.定时调用     5.URL解析与访问历史     6.浏览器和屏幕信息 ★概述     &q ...

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

    1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是w ...

  8. BOM—浏览器对象模型(Browser Object Model)

     1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser ...

  9. javascript快速入门13--BOM——浏览器对象模型(Browser Object Model)

    什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...

随机推荐

  1. 123457123456---com.threeObj3.BabyShizi02--- 宝宝识字02

    com.threeObj3.BabyShizi02--- 宝宝识字02

  2. SpringCloud学习成长之 九 服务链路跟踪

    这篇文章主要讲述服务追踪组件zipkin,Spring Cloud Sleuth集成了zipkin组件. 一.简介 Spring Cloud Sleuth 主要功能就是在分布式系统中提供追踪解决方案, ...

  3. PPT做交互效果

    1 做交互效果(点击一个按钮,弹出某个框或者跳转到某个页面)其实就是若干个PPT页面,利用给按钮增加超链接或者动作 达到点击一个按钮 跳转到另外一个PPT的效果. 2 选择一个形状组件(或者其他组件) ...

  4. Linux下开发常用配置

    JDK /etc/profile export JAVA_HOME=/usr/local/jdk1.8.0_181export CLASSPATH=.:$JAVA_HOME/jre/lib/rt.ja ...

  5. Java中四个作用域的可见范围

    作用域 当前类 同一包 子孙类 其他包 public √ √ √ √ protected √ √ √ × friendly或default(即没有修饰符时的权限) √ √ × × private √ ...

  6. es6 关于map和for of的区别有哪些?

    1.es6  关于map和for of的区别有哪些? ——主要想了解一下性能方面的

  7. git的压缩原理;git的pack文件;git gc操作原理;Resolving deltas: 100% (2695/2695), done.做了什么

    文件含义 verify-pack -- validate packed git archive files .git/objects/pack/.pack为压缩后的文件,把.git/objects/下 ...

  8. C/C++.控制台输入(cin/getchar)

    1.类似的函数有:cin.getchar.fgetc 等 2.问题: 最后的"\n"都不取出来... 2.1.对策:(ZC:下面是 我自己使用后的感受) (1)fflush(std ...

  9. AI新生代“教父”崛起,或成就迈向具有类人意识机器的一大步

    <麻省理工科技评论>公布了 2018 年全球十大突破性技术,“对抗性神经网络”即“生成对抗网络”作为突破性人工智能技术赫然上榜.这家全球最顶级科技杂志编辑部对这项革命性技术给出的评价是:它 ...

  10. 乐字节Java循环:循环控制和嵌套循环

    乐字节小乐上次讲完了Java反射,接下来小乐给大家讲述Java循环. 循环有以下四部分: 一.循环控制 1. do..while 直到型 ( 先执行后判断) ,结构为: 先执行循环体,后判断布尔表达式 ...