BOM学習ノート------(二)

3495 ワード

windowオブジェクト
1.すべてのブラウザはwindowオブジェクトをサポートしています.
2.すべてのjavascriptのグローバルオブジェクト変数関数は自動的にwindowオブジェクトのメンバーになります.
3.グローバル変数はwindowオブジェクトの属性で、グローバル関数はwindowオブジェクトの方法です.私たちは以前勉強しました.
4.過ぎたalert、set Interval、これらはすべてwindowの方法です.
一.ウィンドウの位置取得ウィンドウの先端に対する位置1.hrome safari opera IE(フォックス対応ではない)
alert(window.screenTop);
2.firefox chrome safari(火狐対応)
alert(window.screenY);
スクリーン左側に対するウィンドウの位置を取得する1.
alert(window.screenLeft);
2.firefox chrome safari(火狐対応)
alert(window.screenX);
二.ウィンドウサイズ1)ブラウザウィンドウ内部の高さと幅1.IE 9以上のchrome safari firefox operaをサポートします.
alert(window.innerHeight);
ブラウザの幅
alert(window.innerWidth);
2.IE 9以上のchrome safari firefox opera()の高さをサポートします.
alert(document.documentElement.clientHeight);
            alert(document.documentElement.clientWidth);
3.下位バージョンIE(bodyの高さ)に対応する.
alert(document.body.clientHeight);
デフォルトのmaginとpaddingの値があります.
alert(document.body.clientWidth);
ブラウザウィンドウ全体のサイズを取得
alert(window.outerWidth);
alert(window.outerHeight);

var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
var newWindow = null;
oBtn1.onclick = function () {
//window.open(          ,       )
//  1:URL  
//  2:       _self         _blank     
newWindow=window.open("http://www.baidu.com","_blank");
        alert(newWindow);
}
oBtn2.onclick = function () {
//IE      ,     ,Google  
// js   window    (  :window.alert()/window.confirm()/window.prompt())
    newWindow.close();
}