ウィンドウ サイズ、すべてのブラウザーと互換性のある JS コードを取得する_JavaScript スキル

ウィンドウ サイズを取得するコード:

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

var pageWidth = window.innerWidth ,
var pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "number"){
pageWidth = document .documentElement.clientWidth ;
pageHeight = document.documentElement.clientHeight;
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight; >}


まず、window.innerWidth と window.innerHeight の値をそれぞれ pageWidth と pageHeight に支払います。次に、pageWidth に保存された値が値であるかどうかを確認し、そうでない場合は document.compatMode を使用してページが標準モードであるかどうかを判断します。その場合、documentElement.clientWidth と document.documentElement.clientHeight の値がそれぞれ使用されます。それ以外の場合は、document.body.clientWidth と document.body.clientHeight の値が使用されます。
ウィンドウの位置を取得するコード:

コードをコピー コードは次のとおりです: var leftPos = (typeof window.screenLeft == "数値") ? window.screenLeft : window.screenX;

var topPos = (typeof window.screenTop == "数値") ?

これら 2 つの例の目的は、まず、二項演算子を使用して、screenLeft 属性と screenTops 属性が存在するかどうかを判断することです。 IE、Safari、Opera、Chrome の場合)、これら 2 つのプロパティの値を取得します。存在しない場合 (Firefox の場合)、screenX と screenY の値が取得されます。