- 相关推荐
Dreamweaver自动关闭网页的方法
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。以下是小编为大家搜索整理的Dreamweaver自动关闭网页的方法，欢迎大家阅读!更多精彩内容请及时关注我们应届毕业生考试网!
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 设置单击链接时打开
12.上述操作就完成了本例的设置。可以单击菜单用File/save，保存所做的工作。然后按下F12键，在浏览器中预览页面效果。
【Dreamweaver自动关闭网页的方法】相关文章：
Dreamweaver动态网页03-27
搜狗输入法关闭自动搜索的方法03-29
分享Dreamweaver网页优化的经验11-16
dreamweaver网页安全色详解03-02
Dreamweaver如何制作网页设计03-03
Dreamweaver网页安全色介绍03-27
Dreamweaver如何制作网页模板07-22
Dreamweaver网页设计制作的技巧03-19