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

  C?zQ c$ozR8/a?%o2=z [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计Dreamweaver教程 http://Www.gzU521.com ] C?zQ c$ozR8/a?%o2=z

图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秒，也可以根据需要将之修改为自己需要的时间毫秒数。

图2 设置时间

　　6. 在文档窗口中输入“关闭”字样，在属性面板上的link文本框中输入“###”，将其设置为一个空链接。

　　7. 在状态栏左端的快速标记编辑器上，单击标记按钮。选中“关闭”链接，然后按下ctrl+t组合键，打开快速标记编辑器，进入到快速标记编辑器的编辑标记模式。然后在“>”前输入“onclick="selfclose()"”。 如图3所示，设置完毕，单击ok按钮，确认操作。这样在index.html被作为子窗口打开后，单击该链接就可以立刻关闭该子窗口。

图3 设置时间

　　8. 保存index.html文件，并退出index.html的dremweaver窗口。

　　9. 现在开始设计fristpage.html页面。在本地站点的smlple文件夹中，双击 fristpage.html，打开该文档，进入到文档的设计视图窗口中。

　　10. 在文档中输入“单击这里打开会自动关闭的子窗口”字样。然后在属性面板上的 link文本框中输入“###”，将之设置为空链接。

　　11. 可以通过为该链接应用open browser window行为来设置单击链接时打开index.html窗口，不过更方便的方法是利用快速标识编辑器。方法是首先将插入点放置到链接中，然后在状态栏左端的标识选择器上，单击标识按钮，选中整个链接。然后按下ctrl+t组合键，打开快速标记编辑器，进入到快速标记编辑器的 编辑标识模式。再在“>”前输入“onclick="window.open('index.html',null','width=200px，height=200px')"”（如图4所示）。设置完毕，按下回车键，确认操作。

图4 设置单击链接时打开'`A`S@{A"6G J3"3[ 此文转贴于我的学习网网页设计Dreamweaver教程 http://www.Gzu521.com]'`A`S@{A"6G J3"3

　　12.上述操作就完成了本例的设置。可以单击菜单用file/save，保存所做的工作。然后按下f12键，在浏览器中预览页面效果。