javascript Window浏览器对象

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(); // 提示框

猜你喜欢

转载自blog.csdn.net/weixin_44164824/article/details/88984452