使用window对象

• 获取window对象

document.default

• 获取窗口信息

innerHeight 获取窗口内容区域的高度
innerWidth 获取窗口内容区域的宽度
outerHeight 获取窗口的高度包括边框和菜单栏
outerWidht 获取窗口的宽度包括边框和菜单栏
pageXOffset 获取窗口左上角算起水平滚动过的像素数
pageYOffset 获取窗口左上角算起垂直滚动过的像素数
screen 返回一个描述屏幕的screen 对象
screenLeft 
screenX 获取从窗口左边缘到屏幕左边缘到像素数
screenTop 
screenY获取从窗口上边缘到屏幕上边缘到像素数

• screen 对象

availHeight 屏幕上可供显示窗口部分到高度
availWidth 屏幕上可供显示窗口部分到宽度
colorDepth 屏幕的颜色深度
height 屏幕到高度
width 屏幕到宽度

• 窗口进行交互

blur() 窗口失去焦点
close() 关闭窗口
focus() 让窗口获得键盘焦点
print() 提示用户打印页面
scrollBy(x, y) 让文档相对于当前位置滚动
scrollTo(x, y) 滚动到指定位置
stop() 停止载入文档

• 对用户进行提示

alert(msg) 向用户展示一个对话框窗口并等待其被关闭
confirm(msg) 显示一个带有确认和取消提示的对话框
prompt(msg, val) 显示一个对话框提示用户输入一个值
showModalDialog(url) 弹出一个窗口，显示指定的URL 

• 获取基本信息

document 返回此窗口关联的Document
history 提供对浏览器历史的访问
location 提供当前文档地址的详细信息

• history 对象的属性和方法

back() 在浏览历史中后退一步
forward() 在浏览历史中前进一步
go(index) 转到相对当前文档的某个浏览历史位置 正值向前 负值向后
length 返回浏览历史中项目条数
pushState(state, title, url) 向浏览历史中加入一个条目
replaceState(state, title, url) 替换浏览中的当前条目
state 返回浏览器历史中关联当前文档的状态数据

• 使用跨文档消息传递

postMessage(msg, origin)
window["targetiframe"].postMessage("消息", "http://tiantian:81(来源)");

window.addEventListener("message", receiveMessage, false);
function = receiveMessage(e) {
        if(e.origin == "http://tiantian:81"){
                
         }else {
        
         }
}

寻找内嵌的window

defaultView 返回活动文档的window
frames 返回文档内嵌iframe元素的window对象数组 
opener 返回打开当前浏览上下文环境的window
parent 返回当前window的父window
self 返回当前文档的window
top 返回最上层的window
length 返回文档内嵌iframe元素数量
[index] 返回指定位置内嵌文档的window
[name] 返回指定名称内嵌文档的window

• MessageEvent 的属性

data 返回别的脚本发送的消息
origin 返回发送消息脚本的来源
source 返回发送脚本所关联的窗口 window

• 使用计时器

clearInterval(<id>) 撤销某个时间间隔的计时器
clearTimeout(<id>) 撤销某个超时计时器
setInterval(<function>, <time>) 创建一个计时器,每隔time毫秒调用指定的函数
setTimeout(<function>, <time>) 创建一个计时器,等待time毫秒调用指定的函数