JS/JQ 宽高的理解和应用--慕课

Window和document的区别

window对象表示浏览器中打开的窗口,

window对象可以省略.

比如window.alert() 可以缩写成alert()

document对象是window对象的一部分

比如document.body可以写成window.document.body

HTML文档成为document对象

window.location vs document.location

w和d的location属性引用的都是Location对象,表示该窗口中当前显示文档的URL

window.location === document.location // true;

在网页中嵌入一个frame,得到的情况也是一样的

location.href = window.location.href = document.location.href

与window相关的宽高

window.innerWidth / window.innerHeight

window.outerWidth / window.outerHeight

window.screen对象包含有关用户屏幕的信息

window.screen.height / window.screen.width                 (固定值. 整个屏幕,包括底边任务栏.)

window.screen.availHeight / window.screen.availWidth  (固定值)

window.screenTop / window.screenLeft                        (可变 浏览器距离整个屏幕)

p.s.如果是两个单词组成的属性,都使用了驼峰命名法

简写时允许忽略window

兼容性问题 参考： http://www.imooc.com/code/1702

获得浏览器窗口可视区域的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:

在不同浏览器都实用的 JavaScript 方案：(用来取代innerWidth/innerHeight)

var w= document.documentElement.clientWidth || document.body.clientWidth;
var h= document.documentElement.clientHeight|| document.body.clientHeight;

( Internet Explorer 8、7、6、5：  HTML文档所在窗口的当前高度。             IE9+、FOCS )