关于确定浏览器窗口大小的问题

正如《JavaScript高级程序设计》中所说的一样:“跨浏览器确定一个窗口的大小并不是一件简单的事。”浏览器为此提供了四个属性:innerWidth,innerHeight,outerWidth和outerHeight。《JavaScript高级程序设计》中说不同的浏览器对于这四个属性的返回值不同,但经过我的测试(我的浏览器版本分别为Chrome62.0.3202.75,Firefox57.0,Safari5.1.7和IE11.0.47),innerWidth和innerHeight都返回视口的宽和高(包括滚动条),而outerWidth和outerHeight都返回浏览器窗口本身的宽和高。(在测试的过程中我还发现了一个原来没有注意到的问题:IE不支持console。)

关于确定浏览器窗口大小的问题

jQuery中的$(window).width()和$(window).height()相当于innerWidth和innerHeight,获取浏览器时下窗口可视区域的宽度和高度。