| 首页 | IT动态 | 硬件 | 应用 | 互联网 | 网络 | 网站 | 黑客 | 编程 | 数码 | 视频教程 | 游戏 | 休闲 | 软件 | 视频 | IT认证 | 动漫图片 | IT杂谈 | 论坛 | 
Google
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
没有相关文章
广 告 位 置
黄金广告位
Q
您现在的位置： 无忧IT人 >> 网站 >> 网页设计 >> 文章正文
[组图]用DW设计限时自动关闭网页    热     
用DW设计限时自动关闭网页
作者：fyf 文章来源：转 点击数： 更新时间：2005-7-14
[ 字体：缩小 正常 放大 | 双击自动滚屏 ]
请选择合适的字体颜色：
　　设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记关掉这些小窗口，致使许多的浏览器窗口打开着，耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。


　　本例中制作了两个页面，如图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文本框中输入“###”，将其设置为一个空链接。


　　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键，在浏览器中预览页面效果。　


文章录入：fyf    责任编辑：fyf 
  • 上一篇文章：

  • 下一篇文章：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |

    版权所有：无忧IT人 本站ICP备案号:豫ICP备06015179
    联系站长:support@51iter.com QQ:80539618 群：22590619