当前页面位置 :ezIT学院建站学堂:文章
用Dreamweaver设计限时自动关闭的网页形式
作者:《中国电脑教育报》  出处:《中国电脑教育报》  发布时间:2004.03.26 00:02:54

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

本例中制作了两个页面,如图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秒,也可以根据需要将之修改为自己需要的时间毫秒数。


图2 设置时间

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


下一页
相关文章
·从菜鸟到准网页设计师的快速成长过程 (2004.03.25)
·性能大幅提高 网络工具Dreamweaver升级(2004.03.14)
·用JavaScript编写程序实现文本的滚动一例(2004.03.15)
·一个网站的灵魂!打造完美网站的奇招巧技(2004.03.12)
·网页制作高手进阶:网页设计中的文字运用(2004.03.03)
·网页设计高手进阶技巧:巧用记事本编辑网页(2004.03.01)
·手把手学堂:网站构成的基本元素—网页布局(2004.02.23)
·实战体验Dreamweaver MX的表格排序功能(2004.02.02)
·破解加密网页文字有高招(2003.12.15)
·Dreamweaver MX2004站点管理功能技巧两则(2003.12.12)