阅读 112

BOM api

window 对象

  • BOM 的核心是window 对象,表示浏览器的实例。
  • var 声明的全局变量和全局函数都会变成 window 对象的属性和方法
  • let const 则不会

窗口位置与像素比

  • window.moveTo(x, y) 移动位置是绝对坐标
  • window.moveBy(x, y) 移动位置是相对坐标
  • window.devicePixelRatio 像素比(暂无)

窗口大小

  • innerWidth innerHeight 浏览器窗口页面视口的大小(不包含工具栏和边栏)
  • outerWidth outerheight 浏览器窗口自身大小()
  • document.documentElement.clientWidth 和 document.documentElement.clientHeight 返回页面视口的宽高
  • document.compatMode 用来判断当前浏览器采用的渲染方式。
    • BackCompat:标准兼容模式关闭。浏览器客户区宽度是document.body.clientWidth;
    • CSS1Compat:标准兼容模式开启。浏览器客户区宽度是document.documentElement.clientWidth
  • 调整窗口大小
    • window.resizeTo() 接受新的宽高值
    • window.resizeby() 接受宽高各要缩放多少
  • 调整适口位置(支持 behavior 属性:表示是否平滑移动)
    • scroll() 滚动坐标
    • scrollTo() 滚动坐标
    • scrollBy() 滚动距离
  • 导航与打开新窗口
    • window.open()
  • 定时器
    • setTimeout & clearTimeout
    • setInterval & clearInterval
  • 系统对话框
    • alert()、confir、prompt()
    • window.find() 显示查找对话框
    • window.print() 显示打印对话框

location 对象

  • location.hash #号后面的值

  • location.host 服务器名 及 端口号

  • location.hostName 服务器名

  • location.href 当前 url 路径

  • location.toString() 同上

  • location.pathname url中的路径和(或)文件名

  • location.port 端口号

  • location.protocol 页面使用的协议 http or https

  • location.search url的查询字符串 以 ?开头

  • location.origin url原地址 只读

  • location.username 域名前指定的用户名

  • location.password 域名前指定的密码

  • new URLSearchParams(location.search)

  • 修改 location 对象

    • window.assign('')
    • window.location = ''
    • window.locatiobn.href = ''
    • window.location.replace('')
    • window.location.reload() ture 参数可选可不选

navigator 对象

  • 暂无

screen 对象

  • 暂无

history 对象

  • window.history.go()
  • window.history.back() 前进一页
  • window.history.forward() 后退一页
  • window.history.length 表示历史记录中有多少条目
文章分类
前端
文章标签