02月
15

BOM

发表于 • 字数统计 480
文章目录
  1. frames
  2. 窗口位置大小
  3. 导航
  4. 计时器
  5. 系统对话框
  6. location对象
  7. navigator 对象
  8. screen 对象
  9. history 对象
  1. window对象定义属性和直接在全局环境中声明全局变量的区别：前者可以使用delete操作符删除，而后者不能
  2. 尝试访问未声明的变量会抛出错误，但是通过查询window对象，可以知道某个变量是否声明（var声明的变量）

frames

  • window
  • top
  • self
  • window.parent
  • window.frames[name] / window.frames[0]

窗口位置大小

  • window.screenLeft & window.screenTop & window.screenX & window.screenY 不同浏览器行为不同
  • window.moveTo(x, y) & window.moveBy(x, y) 默认禁用
  • innerWidth & innerHeight & outerWidth & outerHeight，一般innerHeight代表视口区域，outerHeight代表浏览器区域
  • document.documentElement.clientHeight & document.documentElement.clientWidth
  • resizeTo(width, height) & resizeBy(width, height)

导航

window.open(url, target, feature)

计时器

setTimeout & setInterval
clearTimeout & clearInterval

系统对话框

同步方法

  • alert
  • confirm
  • prompt

异步方法

  • find
  • print

location对象

即是 window 的属性，也是 document 的属性

属性

  • hash
  • host （带端口号）
  • hostname （不带端口号）
  • href （location.toString() 返回值）
  • pathname
  • port
  • protocol （协议，一般为’http:’或者’https:’）
  • search

方法

  • assign(url) 改变浏览器的位置（与直接修改location.href属性效果一样），同时会生成一条历史记录（改变其他属性也会）
  • replace(url) 改变浏览器位置，不生成历史记录，不能通过前进后退按钮回到前一个页面
  • reload(bool?) 重新加载当前页面，如果需要强制从服务器加载，需要传递参数true

navigator 对象

识别客户端浏览器的事实标准

几个重要的属性

  • onLine
  • plugins
  • registerProtocolHandler

screen 对象

浏览器窗口外部显示器的信息

几个重要的属性

  • availHeight
  • availWidth
  • availTop
  • availLeft
  • height
  • width

history 对象

保存着用户的上网历史记录，从打开的那一刻算起

  • go() 向前跳转（正数）或者向后跳转（负数）或者传入一个字符串，浏览器将跳转到最近的包含改字符串的历史
  • forward() 前进
  • back() 后退
分享到：