ウィンドウのサイズと位置を取得する Javascript の実装 コード共有_JavaScript スキル

JavaScriptでは、OuterWidthとOuterHeightを使用してブラウザのサイズを取得できます。innerWidthとinnerHeightを使用してウィンドウのサイズを取得します(ブラウザの境界線を除く)。 IE6 以前のバージョンでは、標準モードと混合モードを区別する必要があります。標準モードでは document.documentElement.clientWidth、documentElement.clientHeight を使用し、混合モードでは document.body の clientWidth、clientHeight を使用します。

コードをコピーします コードは次のとおりです:

(関数() {
var pageWidth = window.innerWidth;
var pageHeight = window.innerHeight;
var broswerWidth = window.outerWidth;
var broswerHeight = window.outerHeight;
alert(pageWidth " " pageHeight);
alert(broswerWidth " " broswerHeight);
If (typeof pageWidth != "数値") {
If (document.compatMode == "CSS1Compat") { //標準モード
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
} else {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
                                                                                                    })();

ウィンドウの位置を取得します: IE、Chrome、Safari。screenLeft、screenTop を使用して、画面の左側と画面の上部からウィンドウの位置を取得します。 Firefox はこの属性をサポートしていません。Firefox は screenXP と screenY を使用して同じ効果を実現します。

コードをコピーします コードは次のとおりです:

(関数 btnFun() {
var leftPos = (typeof window.screenLeft == "数値") window.screenLeft :
? window.screenX;
var topPos = (typeof window.screenTop == "数値") window.screenTop :
window.screenY;
alert(leftPos " " topPos);
//alert(window.screenLeft " " window.screenTop);
})();