15.3 窗口特效
在JavaScript中还提供了窗口对象的方法和属性,通过这些方法和属性可以制作出各种各样的窗口特效。下面以实例来看看窗口特效的具体应用。
15.3.1 全屏显示窗口
利用fullscreen=yes可以制作全屏显示窗口,具体操作步骤如下:
1 打开网页文档,在<body>和</body>之间相应的位置输入以下代码。
提示
首先定义一个按钮,在标记中添加“onClick=”window.open(document.location, 'big', 'fullscreen=yes')" ”,当单击此按钮时将全屏显示窗口。
2 保存文档,在浏览器中预览效果,如图15.8所示。
图15.8 全屏显示效果
提示
由图15.8可以看出,浏览器的标题栏、最小化以及关闭按钮都没有出现。对于这种全屏显示的网页,可以同时按下Alt+F4键将其关闭。
15.3.2 定时关闭窗口
制作定时关闭窗口的具体操作步骤如下:
1 打开网页文档,在<head>与</head>之间相应的位置输入以下代码。
提示
首先定义一个clockO函数,然后定义一个变量i,利用i=10将i初始化为10,利用i=i-1逐渐递减,直到i为0,将自动关闭网页文档。
2 保存文档,在浏览器中预览效果,10秒后自动弹出是否关闭文档对话框,如图15.9所示。
图15.9 定时关闭窗口效果