建站优化

当前位置:

dreamweaver做可关闭弹窗,dreamweaver关闭窗口

浏览量:69次

dreamweaver做可关闭弹窗,dreamweaver关闭窗口

  dreamweaver做可关闭弹窗,dreamweaver关闭窗口

  Dreamweaver是第一套专门为专业网页设计人员开发的可视化网页开发工具。目前也很容易做出跨越平台限制和浏览器限制的动态网页。我们在设计页面的时候,往往会从一个页面中打开一个子窗口,供访问者查看。通常这个子窗口中的内容,访问者一旦看过就不再需要了,往往会忘记关闭这些小窗口,导致很多浏览器窗口都是打开的,消耗了大量的资源。因此,我们可以设计子窗口在一段时间后自动关闭。下面就让我们一起来看看边肖的具体操作流程吧!

  方法步骤:

  1.在本地站点中生成一个Smlple文件夹。

  2.在Smlple文件夹中,生成名为Index.html和firstpage.html的文件。

  3.双击Index.html打开文档,进入文档的“设计视图”窗口。

  4.单击菜单“查看/标题内容”以显示文档的标题区域。

  5.在“设计视图”窗口中,单击文档标题窗格。选择菜单“插入/不可见标签/脚本”打开“插入脚本”对话框。在语言下拉列表框中选择JavaScript选项,在Coctento文本框中输入“setTimeout(self.close(),15000)”。单击“确定”按钮,完成在插入文档标题15秒后自动关闭子窗口的脚本。在代码中,15000表示15000毫秒,即15秒。也可以根据需要修改成你需要的毫秒数。

  6.在“文档”窗口中输入单词“close ”,并在“属性”面板的“链接”文本框中输入“# # #”以将其设置为空链接。

  7.在状态栏左端的快速标签编辑器中,单击标签按钮。选择“关闭”链接,然后按Ctrl T打开快速标签编辑器,并进入快速标签编辑器的编辑标签模式。然后在“”前输入“onclick=selfclose()”。设置完成后,点击确定按钮确认操作。这样,当Index.html作为子窗口打开后,单击链接可以立即关闭子窗口。

  8.保存Index.html文件并退出index.html的Dremweaver窗口。

  9.现在开始设计fristpage.html网页。在本地站点的Smlple文件夹中,双击fristpage.html打开文档,进入文档的“设计视图”窗口。

  10.在文档中输入单词“单击此处打开将自动关闭的子窗口”。然后在属性面板上的链接文本框中输入“# # #”,并将其设置为空链接。

  1.通过对链接应用“打开浏览器窗口”行为,您可以将Index.html窗口设置为在单击链接时打开,但更方便的方法是使用快速识别编辑器。方法是先将插入点放在链接中,然后点击状态栏左端徽标选择器上的徽标按钮,选择整个链接。然后,按Ctrl T打开快速标签编辑器,进入快速标签编辑器的编辑徽标模式。在“”前输入“onclick= window . open(index . html,null,width=200px,height=200px)”。设置完成后,按回车键确认操作。

  12.上面的操作完成了这个例子的设置。您可以单击菜单文件/保存来保存您的工作。然后按F12在浏览器中预览页面效果。

  以上是边肖和大家分享的关于使用Dreamweaver设计限时自动关闭网页的具体教程。感兴趣的用户可以按照上面的步骤试一试。希望以上教程能帮到大家,持续关注精彩资讯教程。

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【779898168@qq.com】,我们在确认后,会立即删除,保证您的版权。