window对象相关整理

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

• document.documentElement.clientHeight
• document.documentElement.clientWidth

或者

• document.body.clientHeight
• document.body.clientWidth

 

JavaScript （涵盖所有浏览器）：

var w=window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

 

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;

 

window.screen

移动端：

window.screen.availWidth 相当于物理像素，pt值

document.body.clientWidth 相当于设备独立像素，px值

安卓原生的浏览器对于window.screen.availWidth的取值是手机屏幕实实在在的分辨率，比如华为机560px，而document.body.clientWidth的取到的值为手机分辨率除以dpr后的值，560/1.5=360，取到的值便都是后者，也就是360。

window.location 

可不使用 window 这个前缀。 一些例子：

• location.hostname 返回 web 主机的域名

• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）
• location.href 属性返回当前页面的 URL。
• location.assign() 方法加载新的文档。

其他 Window 方法

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口
• window.moveTo() - 移动当前窗口
• window.resizeTo() - 调整当前窗口的尺寸