關於這個問題,網上有人說這是webkit內核的瀏覽器導致的,且只有這種瀏覽器會出現,只需要將html5的聲明整成標准的帶有<!doctype>的聲明的就行了,但是本人親測仍然是不行的,所用瀏覽器:Google Chrome 52.0.2743.116 m (64-bit)
所獲得的高度仍然是文檔的高度。
但是,本人使用了另一個思路來解決了這個問題,直接在文檔加載之前來獲取文檔的高度(即窗口的高度):
原理:當文檔加載之前去獲取文檔的高度的時候,文檔的高度理論上應該是個0,但是,對於這種情況(document高度小於window高度)時,從瀏覽器獲取到的document高度實際上是window的高度,於是,問題變得很簡單了,我們只需在document加載之前或者說body加載之前去獲取這個高度就行了,他就是window的高度。
我的示例:
這樣,其余要用的時侯,只需調用這個對象中存起來了這個值就行了。