JavaScriptプログラミング中のwindowとwindow.screenオブジェクトを詳しく説明します.

1964 ワード

Windowオブジェクトはすべてのブラウザでwindowオブジェクトをサポートします.ブラウザのウィンドウを表します.すべてのJavaScriptグローバルオブジェクト、関数、変数は自動的にwindowオブジェクトのメンバーになります.グローバル変数はwindowオブジェクトの属性です.グローバル関数はwindowオブジェクトの方法です.HTML DOMのdocumentもwindowオブジェクトの属性の一つです.

window.document.getElementById("header");
これと同じです

document.getElementById("header");
Windowサイズは、ブラウザウィンドウのサイズ(ブラウザの視認口は、ツールバーとスクロールバーを含まない)を決定できる3つの方法があります.Internet Explorer、Chrome、Firefox、Opera及びSafariについて:
  • 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方案(すべてのブラウザをカバーする):
    実例
    
    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というプレフィックスを使わなくてもいいです.いくつかの属性:
  • screen.avail Width-利用可能な画面幅
  • screen.avail Height-利用可能な画面高さ
  • Window Screen利用可能幅
  • screen.avail Width属性は、訪問者画面の幅に戻り、ピクセル計で、ウィンドウタスクバーなどの界面特性を減算する.
  • 実例
    スクリーンの利用可能な幅を返します.
    
    
    
    document.write("Available Width: " + screen.availWidth);
    
    
    
    
    以上のコード出力は以下の通りです.
    
    Available Width: 1440
    
    Window Screenは、ウィンドウのタスクバーなどのインターフェース特性を減算するピクセル計で、訪問者画面の高さをscreen.avail Height属性で返すことができます.例は、スクリーンの利用可能な高さを返します.
    
    
    
    document.write("Available Height: " + screen.availHeight);
    
    
    
    
    以上のコードは出力されます.
    
    Available Height: 860