当前页面: 开发资料首页 → Javascript 专题 → JavaScript实例 弹出窗口

JavaScript实例 弹出窗口

摘要: JavaScript实例 弹出窗口

<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">

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

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

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秒后会自动关闭，浏览者不需要理它。

</td> </tr> </table></td> </tr>