無滾動條的情況下（頁面寬高比可視區域小）：
$(document)和$(window)的width、height方法獲取的值都是一樣的,都是可視區域的寬高
即$(document).width()==$(window).width() $(document).height()==$(window).height()

有垂直滾動條的情況下（頁面高度比可視區域高）：
比如，可視區域高度638px,而頁面實際高度為900或更多，超出可視區域高度，會出現垂直滾動條
那麽$(document)和$(window)的height方法獲取的值為頁面實際的高度800，而不是638px
$(document)和$(window)的width方法獲取的值都是一致的,都是可視區域的寬度（不包含滾動條的寬度）

有水平滾動條的情況下（頁面寬度比可視區域更寬）：
比如，可視區域寬度1366,而某個元素寬度為2000，超出可視區域寬度，會出現水平滾動條
那麽$(document).width()方法獲取的值為頁面實際的寬度，也就是2000,而$(window).width()獲取的是可視區域的寬度1366，如果瀏覽器窗口變小了，那麽這個值也會變，但$(document).width()還是為2000
$(document)和$(window)的height方法隨可視區域高度變化而變化，都是一樣的（不包含滾動條的寬度）

都存在的情況下（頁面大小比可視區域更大）：
比如，可視區域寬度1366 高度638,而頁面寬度2000 高度900，超出可視區域，會出現水平滾動條及垂直滾動條
那麽$(document)和$(window)的height方法獲取的值為頁面實際的高度800，而不是638px
$(document)和$(window)的width方法獲取的值都是一致的,都是可視區域的寬度（不包含滾動條的寬度）
$(document).width()方法獲取的值為頁面實際的寬度，也就是2000,而$(window).width()獲取的是可視區域的寬度1366，如果瀏覽器窗口變小了，那麽這個值也會變，但$(document).width()還是為2000

jQuery 獲取頁面寬高