JavaScriptプログラミング中のwindowとwindow.screenオブジェクトを詳しく説明します.
1964 ワード
Windowオブジェクトはすべてのブラウザでwindowオブジェクトをサポートします.ブラウザのウィンドウを表します.すべてのJavaScriptグローバルオブジェクト、関数、変数は自動的にwindowオブジェクトのメンバーになります.グローバル変数はwindowオブジェクトの属性です.グローバル関数はwindowオブジェクトの方法です.HTML DOMのdocumentもwindowオブジェクトの属性の一つです. window.inner Height-ブラウザウィンドウの内部高度 window.inner Width-ブラウザウィンドウの内部幅 Internet Explorer 8、7、6、5について: document.documentElement.clientHeight document.documentElement.client Width または Dcument.body.clientHeight document.body.clientWidth 実用的なJavaScript方案(すべてのブラウザをカバーする):
実例
Window Screen window.screenオブジェクトは、作成時にwindowというプレフィックスを使わなくてもいいです.いくつかの属性: screen.avail Width-利用可能な画面幅 screen.avail Height-利用可能な画面高さ Window Screen利用可能幅 screen.avail Width属性は、訪問者画面の幅に戻り、ピクセル計で、ウィンドウタスクバーなどの界面特性を減算する. 実例
スクリーンの利用可能な幅を返します.
window.document.getElementById("header");
これと同じです
document.getElementById("header");
Windowサイズは、ブラウザウィンドウのサイズ(ブラウザの視認口は、ツールバーとスクロールバーを含まない)を決定できる3つの方法があります.Internet Explorer、Chrome、Firefox、Opera及びSafariについて:実例
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
この例は、ブラウザウィンドウの高さと幅を表示します.Window Screen window.screenオブジェクトは、作成時にwindowというプレフィックスを使わなくてもいいです.いくつかの属性:
スクリーンの利用可能な幅を返します.
document.write("Available Width: " + screen.availWidth);
以上のコード出力は以下の通りです.
Available Width: 1440
Window Screenは、ウィンドウのタスクバーなどのインターフェース特性を減算するピクセル計で、訪問者画面の高さをscreen.avail Height属性で返すことができます.例は、スクリーンの利用可能な高さを返します.
document.write("Available Height: " + screen.availHeight);
以上のコードは出力されます.
Available Height: 860