15.3 窗口特效

在JavaScript中还提供了窗口对象的方法和属性,通过这些方法和属性可以制作出各种各样的窗口特效。下面以实例来看看窗口特效的具体应用。

15.3.1 全屏显示窗口

利用fullscreen=yes可以制作全屏显示窗口,具体操作步骤如下:

1 打开网页文档,在<body>和</body>之间相应的位置输入以下代码。

image351_2

image03提示

首先定义一个按钮,在标记中添加“onClick=”window.open(document.location, 'big', 'fullscreen=yes')" ”,当单击此按钮时将全屏显示窗口。

2 保存文档,在浏览器中预览效果,如图15.8所示。

image351_3

图15.8 全屏显示效果

image03提示

由图15.8可以看出,浏览器的标题栏、最小化以及关闭按钮都没有出现。对于这种全屏显示的网页,可以同时按下Alt+F4键将其关闭。

15.3.2 定时关闭窗口

制作定时关闭窗口的具体操作步骤如下:

1 打开网页文档,在<head>与</head>之间相应的位置输入以下代码。

image352_1

image03提示

首先定义一个clockO函数,然后定义一个变量i,利用i=10将i初始化为10,利用i=i-1逐渐递减,直到i为0,将自动关闭网页文档。

2 保存文档,在浏览器中预览效果,10秒后自动弹出是否关闭文档对话框,如图15.9所示。

image352_2

图15.9 定时关闭窗口效果