手记

Bom中的window对象总结

window: 2个角色:

  1. 代替Global充当全局作用域
  2. 封装操作浏览器窗口的API——BOM
    打开和关闭窗口:
    window.open(...)
    window.close() 关闭当前窗口
    打开新链接的方式:4种:
    1. 在当前窗口打开,可后退 html: <a href="url" target="_self"></a> js:open("url","_self")
  3. 在当前窗口打开,不可后退 js:location.replace("新url") 用新url替换history中当前url
    1. 在新窗口打开,可重复打开 html: <a href="url" target="_blank" js: open("url","_blank")
    2. 在新窗口打开,只能打开一个 html: <a href="url" target="name" js: open("url","name")
      窗口位置和大小:
      窗口大小: 完整大小: outerWidth/outerHeight
      文档显示区大小: innerWidth/innerHeight
      调整窗口大小:
    3. 在打开窗口时,就调整大小 2步:
      1. 定义配置字符串: var config= "top=?,left=?,width=?,height=?" 强调: width和height仅是文档显示区的大小。 top和left却是整个窗口左上角的坐标。
      2. 在打开窗口时,将config作为第三个参数。 特殊: 多数浏览器不允许修改当前窗口大小。只能修改新弹出的另一个小窗口的大小。
  4. 调整新窗口大小: pop.resizeTo(width,height) 让窗口变到指定大小 pop.resizeBy(width的增量,height的增量)
    窗口位置:window.screenLeft/screenTop
    修改窗口的位置: pop.moveTo(left,top) pop.moveBy(left增量,top增量)
    获得屏幕大小: 完整大小: screen.width/height screen.availWidth/availHeight
0人推荐
随时随地看视频
慕课网APP