window: 2个角色:
- 代替Global充当全局作用域
- 封装操作浏览器窗口的API——BOM
打开和关闭窗口:
window.open(...)
window.close() 关闭当前窗口
打开新链接的方式:4种:- 在当前窗口打开,可后退 html: <a href="url" target="_self"></a> js:open("url","_self")
- 在当前窗口打开,不可后退 js:location.replace("新url") 用新url替换history中当前url
- 在新窗口打开,可重复打开 html: <a href="url" target="_blank" js: open("url","_blank")
- 在新窗口打开,只能打开一个 html: <a href="url" target="name" js: open("url","name")
窗口位置和大小:
窗口大小: 完整大小: outerWidth/outerHeight
文档显示区大小: innerWidth/innerHeight
调整窗口大小: - 在打开窗口时,就调整大小 2步:
- 定义配置字符串: var config= "top=?,left=?,width=?,height=?" 强调: width和height仅是文档显示区的大小。 top和left却是整个窗口左上角的坐标。
- 在打开窗口时,将config作为第三个参数。 特殊: 多数浏览器不允许修改当前窗口大小。只能修改新弹出的另一个小窗口的大小。
- 调整新窗口大小: 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