当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 让弹出窗口变得“体贴”一些(javascript)

Javascript
实现表格中行点击时的渐扩效果!
多图展示滑动过渡效果
弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽。
拖动Html元素集合 Drag and Drop any item
脚本吧 - 幻宇工作室用到js,超强推荐base.js
使用透明叠加法美化文件上传界面
JavaScript高级程序设计
对象的类型:本地对象(1)
如何实现表格中行点击时的渐扩效果!
使用button标签,实现三态图片按钮
根据分辩率调用不同的CSS.
Web版彷 Visual Studio 2003 颜色选择器
JS中简单的实现像C#中using功能(有源码下载)
js之WEB开发调试利器:Firebug 下载
jQuery中文入门指南,翻译加实例,jQuery的起点教程
jQuery 1.0.4 - New Wave Javascript(js源文件)
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
换肤测试程序js脚本
xWin之JS版(2-26更新)
共享自己写一个框架DreamScript

Javascript 中的 让弹出窗口变得“体贴”一些(javascript)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 186 ::
收藏到网摘: 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秒后会自动关闭,浏览者不需要理它。