關於確定瀏覽器窗口大小的問題

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


發佈了35 篇原創文章 · 獲贊 15 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章