BOM学習ノート------(二)
3495 ワード
windowオブジェクト
1.すべてのブラウザはwindowオブジェクトをサポートしています.
2.すべてのjavascriptのグローバルオブジェクト変数関数は自動的にwindowオブジェクトのメンバーになります.
3.グローバル変数はwindowオブジェクトの属性で、グローバル関数はwindowオブジェクトの方法です.私たちは以前勉強しました.
4.過ぎたalert、set Interval、これらはすべてwindowの方法です.
一.ウィンドウの位置取得ウィンドウの先端に対する位置1.hrome safari opera IE(フォックス対応ではない)
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();
}