Dreamweaver设计自动关闭的网页

来源：作者：中国电脑教育报出处：巧巧读书 2006-01-15 进入讨论组

谢谢收藏 http://www.qqread.com/dreamweaver/q672221102.html
　　设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记关掉这些小窗口，致使许多的浏览器窗口打开着，耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。

　　本例中制作了两个页面，如图1所示， Index.html是显示于子窗口中的页面，而在名
为firstpage.html的页面中，包含在子窗口中打开Index.html的链接。单击链接时，将在子窗口中打开index.html。可以直接单击子窗口中的“关闭”链接关闭子窗口，也可以不去理睬它，在15秒之后，子窗口也会自动关闭。

图1 浏览器的弹出页面

　　具体操作如下：

　　1. 在本地站点中生成一个Smlple文件夹。

　　2. 在Smlple文件夹中，生成名为Index.html以及名为firstpage.html的文件。

　　3. 双击Index.html，打开该文档，进入到文档的设计视图窗口中。

　　4. 单击菜单View/Head Content，显示文档的头部区域。

　　5. 单击设计视图窗口中的文档头部窗格。选择菜单Insert/Invisible Tags/Script，打开Inset Script对话框。如图2所示，在Language下拉列表框中选择JavaScript选项，并在Coctento文本框中输入“setTimeout("self.close()"，15000)”。单击OK按钮，完成在文档头部插入15秒后自动关闭子窗口的脚本。在代码中，15000表示15000毫秒，也即15秒，也可以根据需要将之修改为自己需要的时间毫秒数。