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

1、窗口的位置

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