目录

1.利用对象控制窗口

1.1windows对象的属性

1.2创建新窗口

 1.3打开和关闭窗口

2.移动和调整窗口(部分浏览器不生效)

3.使用定时器

4.显示对话框

1.利用对象控制窗口

1.1windows对象的属性

• defaultStatus：状态行默认消息。

• Status:状态行临时消息.

• closed:窗口是否被关闭.

• frames：是一个数组，其中内容是窗口中所有的框架。

• parent：指当前窗口的父窗口。

• self：指当前窗口。

• top：代表当前所有窗口的最顶层窗口。

• window：代表当前窗口

• screen:存储关于窗口所在屏幕的信息(分辨率,色深等)

1.2创建新窗口

利用window.open(),方法创建新窗口,通过这样来显示文档.

例如弹出式广告或游戏指导.

window.open()方法的第二个参数 指定了窗口名称(windowname),被分配给window对象的name属性,并且用于引用窗口;

window.open()方法的第三个参数  是可选特性的列表,用逗号隔开他们.

部分特性如下:

width  窗口宽度默认带单位px；
height  窗口高度默认带单位px；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
titlebar=no 是否显示标题栏， 
menubar=no 表示菜单栏，默认值是yes；
scrollbars=yes 是否显示滚动条，默认值是yes；
resizable=no 是否允许改变窗口大小，默认值是yes；
status=no 是否要添加一个状态栏，默认值是yes；
toolbar=no 是否显示工具栏，默认值是yes；
location=no 是否显示地址栏，默认值是yes；

利用下图代码创建一个不带有工具栏的小窗口:

弹出的小窗口如下;

 1.3打开和关闭窗口

window.close():关闭当前窗口;

window.open():开启一个新窗口;

注意:给新的窗口新的name后,用新窗口的name.close();来实现新窗口的关闭;

代码及效果图如下:

创建新的窗口
用按钮来实现打开和关闭新窗口

2.移动和调整窗口(部分浏览器不生效)

window.moveTo():把窗口移动到一个新位置.

window.moveBy():相对于其当前位置 移动到一个新位置.

window.resizeTo():用于把窗口调整到参数指定的宽高;

window.resizeBy():相当于其当前尺寸调整窗口大小.参数用于修改当前的宽度和高度.

实际代码如下:(部分浏览器不生效我的谷歌不生效,ie生效)

移动和调整窗口
调整窗口大小到
宽(px)高(px)
移动窗口到
X轴(px)Y轴(px)

3.使用定时器

setTimeout();

这个方法有两个参数,

第一个参数是一条或一组js语句,并用引号括住他们,

第二个参数是要等待的时间以毫秒为单位.

小例子如下:

3秒后出现报警对话框

ident=window.setTimeout('alert("时间到!")',3000);

window.clearTimeout(ident);

用clearTimeout()方法来停止计时,括号中写指定要停止的定时器的标识符.

小案例实现效果:每一秒刷新输出计数,重置和停止按钮来重置停止计数;

代码如下:

计时
数据每一秒刷新
重置和停止按钮来重置停止计数
//点击重置counter为0//点击停止计时

4.显示对话框

 alert();显示报警对话框;只有确认键

confirm();显示确认对话框;有确认键和取消键

prompt();用于显示提示信息,有两个值,用逗号隔开,前一个是提示框内容,后一个是要求用户输入的内容,不写为空;

图像,代码如下:

报警,确认和提示
用三个按钮来展示三种的不同

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！