如何使用Dreamweaver设计限时自动关闭的网页
来源:互联网 发布:2016网络彩票开售在即 编辑:程序博客网 时间:2024/05/21 06:23
设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。
本例中制作了两个页面,如图1所示, Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接。单击链接时,将在子窗口中打开index.html。可以直接单击子窗口中的“关闭”链接关闭子窗口,也可以不去理睬它,在15秒之后,子窗口也会自动关闭。
具体操作如下:
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秒,也可以根据需要将之修改为自己需要的时间毫秒数。
6. 在文档窗口中输入“关闭”字样,在属性面板上的Link文本框中输入“###”,将其设置为一个空链接。
7. 在状态栏左端的快速标记编辑器上,单击标记按钮。选中“关闭”链接,然后按下Ctrl+T组合键,打开快速标记编辑器,进入到快速标记编辑器的编辑标记模式。然后在“>”前输入“onclick="selfclose()"”。 如图3所示,设置完毕,单击OK按钮,确认操作。这样在Index.html被作为子窗口打开后,单击该链接就可以立刻关闭该子窗口。
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 )"”示)。设置完毕,按下回车键,确认操作。
12.上述操作就完成了本例的设置。可以单击菜单用File/save,保存所做的工作。然后按下F12键,在浏览器中预览页面效果。
- 如何使用Dreamweaver设计限时自动关闭的网页
- 用Dreamweaver设计自动关闭的网页
- 网页设计 页面自动关闭代码(无需使用按钮点击关闭)
- 网页自动关闭的代码
- 如何使用Dreamweaver整理HTML代码和优化网页文档
- 网页设计——Dreamweaver
- 如何关闭MyEclipse的自动关闭
- 没有提示的网页自动关闭代码
- 【已解决】谷歌Chrome浏览器中如何打开或关闭网页的自动翻译功能?
- Dreamweaver网页设计模拟试题 1
- CSDN——dreamweaver网页设计讲座
- 如何强制固定dreamweaver网页表格宽度?
- 如何快速打开刚刚关闭的网页?
- Dreamweaver的使用
- Dreamweaver CS6代码如何自动缩进?
- 网页设计中如何正确的使用 id 和 class
- Dreamweaver网页制作技巧:使用模板
- Dreamweaver网页制作技巧:使用模板
- 对curl的封装
- Intel IPP 之图像处理
- 生成器模式(Build)
- zf2+mysql Statement could not be executed (HY000 - 1030 - Got error 28 from storage engine)
- 2015 UESTC Winter Training 中的简单搜索
- 如何使用Dreamweaver设计限时自动关闭的网页
- Impala入门笔记(转载)
- IOS去警告
- Android编译系统makefile(Android.mk)写法
- Android自定义类似ProgressDialog效果的Dialog
- 高效 Java Web 开发框架 JessMA v3.5.1 正式发布
- 如何使用Dreamweaver8搞定web标准
- UVa #10934 Dropping water balloons (例题9-20)
- BZOJ 3564 SHOI 2014 信号增幅仪 坐标变换+最小圆覆盖