zoukankan      html  css  js  c++  java
  • BOM

    ECMAScript各个版本都能兼容,只不过低版本不兼容ES6以上

    BOM和DOM都是树形结构

      BOM的根是window,DOM的根是document

      BOM中包含:document(文档)、location(本地信息)、history(历史)、screen(屏幕)、navigator(浏览器信息)

      window对象(根)

          open();     close();   用于弹窗,现在基本被屏蔽了。

          window.innerWidth,window.innerHeight   :浏览器内部的宽高(兼容所有浏览器)

          window.outerWidth,window.outerHeight   :整个浏览器窗口宽高(兼容所有浏览器)

          window.screenLeft,window.screenRight    :浏览器距离屏幕左上角的距离,不能设置,只能获取。等同于(screenX,screenY)

          screenLeft、screenTop、screenX、screenY  :完全相同,都是浏览器距离屏幕左上角的距离。只能获取,不能设置。

          onpopstate事件:当点击浏览器前进或后退时触发事件

      location对象

          reload()  :重新刷新页面

          location.href   :href获取当前页面的地址,也可以设置当前页面的地址,跳转页面,会产生历史记录

          location.assign()    :不能获取,可以跳转页面,会产生历史记录

          location.replace()    :跳转页面,不能产生历史记录

          location.hash     :获取url中#后面的内容,如果没有返回空字符串

          location.search        :获取url中?和后面的内容

          location.hostname    : 返回web主机的域名

          location.port           : 返回web主机的端口

          location.pathname    :当前地址域名和端口号后面的路径

          location.protocol  : 返回web协议(http:// 或者 https://)

      history对象

          history.go()       :0 刷新页面 1 向前一个   -1 向后一个 2 向前两个  (以此类推)

          back()               :向后一页

          forward()     : 向前一页

          history.length    : 返回历史列表中的网址数

          history.state      : 获取history状态

          history.pushState(state,title,url);    //添加历史记录 ,可以做到不刷新浏览器改变url,但是网站不会检测这个url

      screen 对象

          screen.availWidth,screen.availHeight  :去除了任务栏的宽高

          screen.width,screen.height                  :全屏幕宽高

          navigator.userAgent          :返回由客户机发送服务器的user-agent头部的值

          navigator.appName        : 返回浏览器的名称(历史遗留问题)

          navigaotr.appVersion        : 返回浏览器的平台和版本信息

          navigator.platform         :返回运行浏览器的操作系统

          

  • 相关阅读:
    简单工厂和抽象工厂有什么区别?
    常用的设计模式有哪些?
    常见的HTTP协议状态码?
    数据库分库分表(sharding)系列(二) 全局主键生成策略
    关于垂直切分Vertical Sharding的粒度
    数据库分库分表(sharding)系列(四) 多数据源的事务处理
    分库分表带来的完整性和一致性问题
    [置顶] 深入探析Java线程锁机制
    为啥RESTFULL如此重要?
    hadoop核心逻辑shuffle代码分析-map端
  • 原文地址:https://www.cnblogs.com/wangjingzhi/p/12146494.html
Copyright © 2011-2022 走看看