当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 让JavaScript弹出窗口变得体贴一些

HTML/XHTML教程
添加和删除HTML节点的简单示例
HTML教程:收集的常用的HTML标签(6)
深层优化 提高网站的访问速度的一些技巧
HTML教程:收集的常用的HTML标签(5)
总结XHTML代码常见的应用问题
网页制作中使用规范的HTML代码的几点
学习超级链接A标记
网页元素单位全分析
HTML validate HTML验证
ul和li 基本用法分析
HTML 特殊字符彻底剖析
HTML 行间距的设置方法与问题
按钮在IE中两边被拉伸的 BUG
html 鼠标 css 控制
html 网页跳转代码
当td为空时怎样显示其边框
使用相对宽度调整表格问题
Web分页打印 细线表格+分页打印之终极攻略
W3C教程(12):W3C Soap 活动
W3C教程(11):W3C DOM 活动

HTML/XHTML教程 中的 让JavaScript弹出窗口变得体贴一些


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 67 ::
收藏到网摘: n/a

在网上冲浪时进入一些网站会出现弹出窗口。它可能是站长对你的亲切问候,也可能是网站的重要通告、网站广告之类的。但用得不好会让人产生厌烦心理。如何才能让弹出窗口发挥作用,而又不影响浏览者浏览页面呢?

  一般的弹出窗口都需要你去关闭它,浏览者一定会觉得很麻烦。如果能让它自己关闭那该多好。要实现这种效果其实很简单,


  1、首先,把下面的程序加入到<head></head>区域中。


<script language="JavaScript">
<!--
var gt = unescape('3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'dogQ.htm';
}
// -->
</script>

  2、新建dogQ.htm文件(即:弹出窗口所用的文件),此文件名要与上文“popup.location.href = 'dogQ.htm'”中设置的文件名一致。


  3、编辑新建的文件dogQ.htm(注意dogQ.htm要与主页面文件在同一目录下)。先把<body bgcolor="#FFFFFF" text="#000000">改为<body bgcolor="#fef4d9" onload="closeit()">,然后在<body></body>之间加入:


<script language="JavaScript">
function closeit() {
setTimeout("self.close()",10000)
}
</script>

  注:倒数第三行中的10000是指过多长时间关闭(可根据需要修改),10000为10秒。这样,弹出窗口在10秒后会自动关闭,浏览者不需要理它。