dreamweaver老是自动关闭,dreamweaver制作的网页怎么打开

  dreamweaver老是自动关闭,dreamweaver制作的网页怎么打开

  设计页面时,往往会从页面中打开一个子窗口,供访问者查看。通常这个子窗口中的内容,访问者一旦看过就不再需要了,往往会忘记关闭这些小窗口,导致很多浏览器窗口都是打开的,消耗了大量的资源。因此,我们可以设计子窗口在一段时间后自动关闭。

  在这个例子中,制作了两个页面,如图1所示。Index.html是显示在子窗口中的页面,而名为firstpage.html的页面包含在子窗口中打开Index.html的链接。单击该链接时,index.html将在子窗口中打开。可以直接点击子窗口中的“关闭”链接关闭子窗口,也可以忽略。15秒后,子窗口将自动关闭。

  图1浏览器的弹出页面

  具体操作如下:

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

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

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

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

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

  图2凝固时间

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

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

  图3凝固时间

  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 )”(如图4)。设置完成后,按回车键确认操作。

  图4点击链接时设置打开

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

  以上是边肖分享的关于Dreamweaver自动关闭网页的具体解决方案。遇到这个问题的用户不用担心,只要用户按照上面的步骤操作就可以了,所以有需要的用户可以赶紧看看。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: