正如《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,獲取瀏覽器時下窗口可視區域的寬度和高度。