BOM(Browser Object Model)

  • window.history 返回history对象的引用
  • window.history.forword() / back():网页前进/后退 等同于window.history.go(1/-1)
  • window.innerHeight: 屏幕尺寸高度(指的是不包括地址栏的网页高度)
  • window.location : 操作刷新和地址栏
  • window.location.href = "http://www.baidu.com、//www.baidu.com"从当前页面跳转到百度,如果不写http则认为是回到当前路径下的www.baidu.com。
  • location.protocal: 获取http
  • location.hostname:获取域名"www.jianshu.com"
  • location.port: 获取端口
  • location.host: 获取域名和端口
  • locaton.pathname: 获取路径
  • location.search:获取?后面的数据
  • location.hash:获取#后面的字符串
  • location.origin获取http+域名+端口号
  • location.hash获取锚点
  • window.navigator.userAgent: 获取浏览器的版本信息
  • window.parent获取父页面的window.name
  • window.screen获取屏幕信息
    BOM(Browser Object Model)_第1张图片
    image.png
  • window.open("http://www.baidu.com","_self","f")
    f = "width=400px,height=400px,toolbal=no,menubar=no,location=no,scrollbars=yes,resizable=yes"
    第一个参数: 要打开的页面地址
    第二个参数: _self表示在原网页打开,_blank表示打开新的标签,默认是_blank
    第三个参数: 指定打开窗口宽度,禁用地址栏
  • window.opener.location.load()谁打开我 谁就重新加载,opener谁打开我

jQuery原理函数封装

BOM(Browser Object Model)_第2张图片
image.png

BOM(Browser Object Model)_第3张图片
image.png

你可能感兴趣的:(BOM(Browser Object Model))