js--7.bom对象-2.window

1      Window对象

1.1  概念

window对象是BOM的核心,它表示一个浏览器的实例。

在浏览器中我们可以通过window对象来访问操作浏览器,同时window也是作为全局对象存在的。

 

1.2  全局作用域

window对象是浏览器中的全局对象,因此所有在全局作用域中声明的变量、对象、函数都会变成window对象的属性和方法。

 

1.3  属性

js--7.bom对象-2.window

 

1.4  方法

js--7.bom对象-2.window

补充: setTimeout(fun,500)或setTimeout(“fun()”,500)

 

1.5  打开窗口open

使用window.open() 方法既可以导航到一个特定的URL,也可以打开一个新的浏览器窗口。

这个方法需要四个参数:

1.需要加载的url地址

2.窗口的目标

3.一个特性的字符串

4.是否创建新的历史记录

 

 

2      窗口对象常用操作

2.1  移动窗口

下面介绍几种移动窗口的方法。

(1)moveTo()方法

利用moveTo()方法可以将窗口移动到指定坐标(x,y)处。

语法:

window.moveTo(x,y)

x:窗口左上角的x坐标。

y:窗口左上角的Y坐标。

例如,将窗口移动到指定到坐标(300,300)处,代码如下:

window.moveTo(300,300)

说明:

   moveTo()方法是Navigator和IE都支持的方法,它不属于W3C标准的DOM。

 

 

(2)resizeTo()方法

利用resizeTo()方法可以将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。

语法:

window.resizeTo(x,y)

p  x:窗口的水平宽度。

p  y:窗口的垂直宽度。

例如,将当前窗口改变成(300,200)大小,代码如下:

window.moveTo(300,200)

 

 

2.2  改变窗口大小

    利用window对象的resizeBy()方法可以实现将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时为缩小。

语法:

window.resizeBy(x,y)

x:放大或缩小的水平宽度。

y:放大或缩小的垂直宽度。

 

2.3  窗口滚动

利用window对象的scroll()方法可以指定窗口的当前位置,从而实现窗口滚动效果。

语法:

scroll(x,y);

x:屏幕的横向坐标。

y:屏幕的纵向坐标。

Window对象中有3种方法可以用来滚动窗口中的文档,这3种方法的使用如下:

window.scroll(x,y)

window.scrollTo(x,y)

window.scrollBy(x,y)

                                                  

 

 

2.4  控制窗口状态栏

(1)status()方法

    改变状态栏中的文字可以通过window对象的status()方法实现。status()方法主要功能是设置或给出浏览器窗口中状态栏的当前显示信息。

语法:

window.status=str

(2)defaultstatus()方法

语法:

window.defaultstatus=str

   status()方法与defaultstatus()方法的区别在于信息显示时间的长短。Defaultstatus()方法的值会在任何时间显示,而status()方法的值只在某个事件发生的瞬间显示。

 

2.5  窗口大小

•浏览器中提供了四个属性用来确定窗口的大小:

–网页窗口的大小:innerWidth, innerHeight

–浏览器本身的尺寸: outerWidth, outerHeight

 

 

 

 

3      对话框(Dialog)

         常用的对话框:警告对话框、询问回答对话框及提示对话框。

3.1  警告(Alert)

         语法:window.alert(str)

         function al() {

       window.alert("弹出警告对话框!");

    }

 

3.2  弹出询问回答对话框

语法:window. confirm(question)

js--7.bom对象-2.window

3.3  提示(Prompts)

语法:window.prompt(str1,str2)

         str1:为可选项。表示字符串(String),指定在对话框内要被显示的信息。如果忽略此参数,将不显示任何信息。

         str2:为可选项。表示字符串(String),指定对话框内输入框(input)的值(value)。如果忽略此参数,将被设置为undefined。

js--7.bom对象-2.window