zoukankan      html  css  js  c++  java
  • javascript--BOM(browser object model)五大对象

    浏览器对象模型:

      作用:访问、控制、修改浏览器,与浏览器进行交互(打开新的窗口、回退历史记录、获取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

        

          

          

        

        

  • 相关阅读:
    php实现cookie加密解密
    三个php加密解密算法
    一个经典的PHP加密解密算法
    Webpack 核心模块 tapable 解析(转)
    详解基于vue,vue-router, vuex以及addRoutes进行权限控制
    编写一个插件
    详解css3 pointer-events(阻止hover、active、onclick等触发事件来
    Dockerfile HEALTHCHECK详解
    Dockerfile 指令 WORKDIR介绍
    NPM私有包部署到私有仓库
  • 原文地址:https://www.cnblogs.com/blogzzy/p/11637889.html
Copyright © 2011-2022 走看看