BOM学习笔记----------(二)

window对象

1.所有浏览器都支持window对象

2.所有javascript的全局对象 变量 函数都会自动成window对象的成员.

3.全局变量是window对象的属性,全局函数是window对象的方法我们以前学

4.过的alert,setInterval,这些都是window的方法.

一.窗口位置
获取窗口相对于顶端的位置
1.chrome safari opera IE(不兼容火狐)

alert(window.screenTop);

2.firefox chrome safari(兼容火狐)

alert(window.screenY);

获取窗口相对于屏幕左侧的位置
1.chrome safari opera IE(不兼容火狐)

alert(window.screenLeft);

2.firefox chrome safari(兼容火狐)

alert(window.screenX);

二.窗口大小
1)浏览器窗口内部高度和宽度
1.支持IE9以上 chrome safari firefox opera

alert(window.innerHeight);

浏览器宽度

alert(window.innerWidth);

2.支持IE9以上 chrome safari firefox opera(html的高度)

alert(document.documentElement.clientHeight);
            alert(document.documentElement.clientWidth);

3.支持低版本IE(body的高度)

alert(document.body.clientHeight);

有默认margin和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();
}