用Dreamweaver做限时自动关闭的网页

　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设置单击链接时打开

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

上一页  [1] [2]