JS獲取瀏覽器可視區域的尺寸

     所謂可視區域是指能看得見的區域，即在瀏覽器中能看到頁面的區域（高度與寬度）。剛剛使用 document.body.clientHeight 來獲取可視區域的高度得到的卻是整個文檔的高度，然後在cnblogs.com的一篇文章中獲知需要通過 document.documentElement.clientHeight 才能獲取到瀏覽器的可視區域的高度，順便將該文章摘下來，如下：

在沒有聲明DOCTYPE的IE中，瀏覽器顯示窗口大小隻能以下獲取：

1 2	document.body.offsetWidth document.body.offsetHeight

        在聲明瞭DOCTYPE的瀏覽器中，可以用以下來獲取瀏覽器顯示窗口大小：

1 2	document.documentElement.clientWidth document.documentElement.clientHeight

        IE，FF，Safari皆支持該方法，opera雖支持該屬性，但是返回的是頁面尺寸；

        同時，除了IE以外的所有瀏覽器都將此信息保存在window對象中，可以用以下獲取：

1 2	window.innerWidth window.innerHeight