DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 讓彈出窗口變得“體貼”一些(javascript)
讓彈出窗口變得“體貼”一些(javascript)
編輯:關於JavaScript     
讓彈出窗口變得“體貼”一些

  在網上沖浪時進入一些網站會出現彈出窗口。它可能是站長對你的親切問候,也可能是網站的重要通告、網站廣告之類的。但用得不好會讓人產生厭煩心理。如何才能讓彈出窗口發揮作用,而又不影響浏覽者浏覽頁面呢?

  一般的彈出窗口都需要你去關閉它,浏覽者一定會覺得很麻煩。如果能讓它自己關閉那該多好。要實現這種效果其實很簡單,


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" >,然後在< body >< /body >之間加入:


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

  注:倒數第三行中的10000是指過多長時間關閉(可根據需要修改),10000為10秒。這樣,彈出窗口在10秒後會自動關閉,浏覽者不需要理它。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved