獲取使用者瀏覽器的可視區域

2022-01-30 20:27:24 字數 1097 閱讀 7526

1、jquery **:

alert($(window).height()); //瀏覽器時下視窗可視區域高度

alert($(document).height()); //瀏覽器時下視窗文件的高度

alert($(document.body).height());//瀏覽器時下視窗文件body的高度

alert($(document.body).outerheight(true));//瀏覽器時下視窗文件body的總高度 包括border padding margin

alert($(window).width()); //瀏覽器時下視窗可視區域寬度

alert($(document).width());//瀏覽器時下視窗文件對於象寬度

alert($(document.body).width());//瀏覽器時下視窗文件body的高度

alert($(document.body).outerwidth(true));//瀏覽器時下視窗文件body的總寬度 包括border padding margin

alert($(document).scrolltop()); //獲取滾動條到頂部的垂直高度

alert($(document).scrollleft()); //獲取滾動條到左邊的垂直寬度

2、本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。

在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取:

document.body.offsetwidth

document.body.offsetheight

在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小:

document.documentelement.clientwidth

document.documentelement.clientheight

ie,ff,safari皆支援該方法,opera雖支援該屬性,但是返回的是頁面尺寸;

同時,除了ie以外的所有瀏覽器都將此資訊儲存在window物件中,可以用以下獲取:

window.innerwidth

window.innerheight

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

本文所說的是瀏覽器視窗的可視區域大小,不是瀏覽器視窗大小,也非頁面尺寸。在沒有宣告doctype的ie中,瀏覽器顯示視窗大小只能以下獲取 document.body.offsetwidth document.body.offsetheight在宣告了doctype的瀏覽器中,可以用以下來獲取瀏覽器顯...

juery解決獲取瀏覽器可視區域的相容性問題

alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerheight true ...

瀏覽器視窗可視區域大小相關方法

一 對於ie9 chrome firefox opera 以及 safari window.innerheight 瀏覽器視窗的內部高度 window.innerwidth 瀏覽器視窗的內部寬度 二 對於 internet explorer 8 7 6 5 document.documentelem...