第八章 BOM之window对象

在浏览器中，window对象具备两重角色，既是javascript访问浏览器的一个接口，又是ECMAScript规定的Global对象（在全局做用域中声明的变量、函数都会变成window对象的属性和方法）。

一、窗口的位置

window.screenLeft:表示窗口相对屏幕左边的位置

window.screenTop:表示窗口相对屏幕上边的位置

注：至关于在屏幕的左上角是一个坐标原点，造成一个二维坐标系

2.窗口的大小

window.OutHeight:表示浏览器窗口自己的高度

window.OutWidth:表示浏览器窗口自己的宽度

注：以上的都是表示浏览器窗口的完整大小，即看到的浏览器大小（包括边框等）

window.innerHeight:表示浏览器页面的可视区的高度

window.innerWidth:表示浏览器页面的可视区的宽度

注:可视区表示要出去浏览器的边框

OutHeight , OutWidth的值要比 innerHeight , innerWidth的值稍大

3.打开窗口

window.open()方法

参数：

要加载的url、窗口目标、一个特性字符串和一个表示新页面是否取代浏览器历史记录中的加载页面的布尔值

第一个参数必须，其余的参数不要求必须使用

通常都只使用两个参数 例子以下：

window.open("https://www.baidu.com/","height=400,width=400,top=10,resizable=yes");//resizable=yes表示能够经过拖动浏览器窗口的边框来改变浏览器的大小

4.间歇调用和超时调用

超时调用：是指在指定的时间事后执行代码

使用的方法：setTimeout()

setTimeout()方法有两个参数：要执行的代码和以毫秒计的时间

要执行的代码能够是字符串也能够是函数，通常使用函数比较适当。例子以下：

//使用字符串

setTimeout("alert("hello")",1000);

//使用函数

setTimeout(function(){

　　　　alert("hello");　　　　

},1000);

使用clearTimeout()方法取消超时调用，例子以下：

var setTimeid = setTimeout(function(){

　　　　alert("hello");　　　　

},1000);

clearTimeout(setTimeid);

间歇调用：每隔指定的时间就执行一次代码

使用的方法:setInterval()

用法和上面的超时调用类似，取消间歇调用的方法是clearInterval();

5.系统对话框

1)alert()   只有肯定按钮

2)confirm()    有肯定和取消按钮，点击肯定返回一个true,点击取消返回false

3)prompt()　　是提示框，提示用户输入的一些文本内容、肯定按钮、取消按钮以及一个文本框

prompt()方法接受两个参数：要显示给用户的文本内容和文本输入框的默认值；若是用户填写内容后点击了“肯定”按钮，则返回文本框中的内容，点击“取消”按钮则返回一个false