您现在的位置: 潮州吧 >> 教程 >> Dreamweaver >> 正文

用Dreamweaver设计自动关闭的网页

[ 来源:不详 | 作者:佚名 | 时间:2008-1-9 14:41:47| 收藏本文 | 点击:载入次数... ]

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

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

[1] [2] [3] 下一页


网友评论:
发表您对用Dreamweaver设计自动关闭的网页的评论
姓 名: *
性 别:
E-mail:
评 分: 1分 2分 3分 4分 5分
评论内容:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的教程,提倡就事论事,杜绝漫骂和人身攻击等不文明行为