js--7.bom对象-2.window
1 Window对象
1.1 概念
window对象是BOM的核心,它表示一个浏览器的实例。
在浏览器中我们可以通过window对象来访问操作浏览器,同时window也是作为全局对象存在的。
1.2 全局作用域
window对象是浏览器中的全局对象,因此所有在全局作用域中声明的变量、对象、函数都会变成window对象的属性和方法。
1.3 属性
1.4 方法
补充: 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)
3.3 提示(Prompts)
语法:window.prompt(str1,str2)
str1:为可选项。表示字符串(String),指定在对话框内要被显示的信息。如果忽略此参数,将不显示任何信息。
str2:为可选项。表示字符串(String),指定对话框内输入框(input)的值(value)。如果忽略此参数,将被设置为undefined。