JavaScript Window窗口对象属性和使用方法

一、Window对象概述

Window对象可以用来打开浏览器,调整浏览器的位置、大小等等功能。

Window对象可以处理框架和框架之间的关系,通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象,通过Window对象的子对象进行操作,可以实现更多的效果。

1、Window对象属性

每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。

下表列出了一些Window对象常用属性:

属性 说明
document   对话框中显示当前文档  
frames   表示当前对话框中所有frame对象的集合  
location   指定当前文档的URL  
name   对话框的名字  
status/defaultStatus   状态栏中的当前信息  
top   表示最顶层的浏览器对话框  
parent/opener   表示包含当前对话框的夫对话框  
closed   表示当前对话框是否关闭(布尔值)  
self   表示当前对话框  
screen   表示用户屏幕,提供屏幕尺寸、颜色深度等信息  
navigator   表示浏览器对象,用于获取与浏览器相关的信息  

2、Window对象方法

方法 说明
alert()   弹出警告对话框  
confrim()   在确认对话框显示指定的字符串  
prompt()   弹出一个提示对话框  
open()   打开新浏览器对话框并且显示URL或名字引用的文档,并设置创建对话框的属性  
close()   关闭被引用的对话框  
focus()   指定对话框放在所有浏览器最前面  
blur()   指定对话框放在所有浏览器最后面  
scrollTo(x,y)   把对话框滚动到指定的坐标  
scrollBy(offsetx,offsety)   按照指定位移量滚动对话框  
setTimeout(timer)   在指定的毫秒数过后,对传递的表达式求值  
setInerval(interval)   指定周期性执行代码  
moveTo(x,y)   将对话框移动到指定坐标  
moveBy(offsetx,offsety)   将对话框移动到指定的位移量处  
resizeTo(x,y)   设置对话框大小  
resizeBy(offsetx,offsety)   按照指定的位移量设置对话框大小  
print()   “打印”  
navigate(URL)   使用对话框显示URL指定的页面  

3、如何使用

JS运行使用一个字符串来给窗口命名,也可以使用一些关键字来代替。

Window对象可以直接调用方法和属性,不需要使用new运算符来创建对象:

window.属性名 window.方法名(参数列表) //////////////////////////////// // 使用关键字来代替window // parent.属性名 parent.方法名(参数列表)

二、对话框

为了响应用户的某种需求而弹出的小窗口

1、警告对话框——alert()

语法如下:

window.alert(str);

弹出警告对话框,str为对话框显示的字符串,一般运行结果如下:

在这里插入图片描述

2、确认对话框——confrim()

语法如下:

window.confrim(question);

其中question是要显示在确认对话框的纯文本,也是表达了程序想让用户回答的问题

而且他有一个返回值,如果单击了确定返回真、反之为假。

比如下面的这段小程序:

<script> var flag = window.confirm("你确定要关闭浏览器窗口吗?"); if(flag) window.close(); </script>

会展示下面的结果:

在这里插入图片描述

3、提示对话框——prompt()

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/3f9c9dae8b031b38fd6ffaaaf74feab2.html