Window浏览器对象:
支持现代浏览器尺寸:
window.innerHeight ⇒ 浏览器窗口内部高度
window.innerWidth ⇒ 浏览器窗口内部宽度
对于老IE 5、6、7、8
document.doucmentElement.clientHeight ⇒ 浏览器窗口内部高度
document.doucmentElement.clienWidth ⇒ 宽度
或者
doucment.body.clienHeight ⇒ 同上
doucment.body.clienWidth ⇒ …
常见方法:
window.open(); // 打开新窗口
window.close(); // 关闭
用户屏幕信息:
// 前缀可以不带window
window.screen.availWidth; // 可用屏幕宽度
window.screen.availHeight; // 高度
Window.Location:
// 老样子 前缀可以不使用window
window.location.href; // 返回当前页面URL (可设置)
window.hostname; // 返回主机名
window.pathname; // 返回当前页面路径&& 文件名
window.port; // web主机的端口
window.portocol; // 返回当前所用的协议
window.location.assign(url); // 加载新的文档
Window.History浏览器历史:
// 可以不带前缀
window.history.back(); //浏览历史后退
window.history.forward(); //前进
window.history.go(number); // 自定义 1 前进 -1后退 以此类推
Window.Navigator浏览器信息:
我就不一一列举了:
window.navigator.appCodeName; // 浏览器名称
Window消息框:
// 可以不带前缀
window.alert(); // 警告框
window.confirm(); // 确认框
window.prompt(); // 提示框