快顯視窗 常泡在網上的朋友對“快顯視窗”一定不會陌生，像新浪、163等網站，一進入首頁立刻就會彈出一個視窗，裡面通常是一些告示資訊，或者FLASH廣告等等。其實這樣的效果很容易實現，大家隨我一起動手吧！
不加修飾的快顯視窗
將下面這段代碼插入你的頁面中，在頁面載入時就會自動彈出一個視窗，並開啟Google搜尋引擎，是不是很簡單啊！
將代碼放置在〈!—XXX --〉中間是為了相容較低版本瀏覽器的需要，在低版本的瀏覽器中標籤內的內容將被視作注視。
開啟的頁面使用絕對路徑()或相對路徑(../page.htm)都可以。
範例程式碼1：
〈SCRIPT LANGUAGE="JavaScript"〉
〈!--
window.open('http://www.google.com');
file://--〉
〈/SCRIPT〉
修飾快顯視窗
使用下面這段代碼，我們可以對快顯視窗做更多的控制，包括視窗大小、視窗位置、是否帶工具列、是否可以改變大小等等。
範例程式碼2：
〈script language="JavaScript1.2" type="text/JavaScript1.2"〉
var popUpWin=0;
function popUpWindow()
{
file://判斷該視窗(popUpWin)是否已經存在，如果已經存在，則先關閉視窗，然後再開啟新視窗
if(popUpWin)
{
if(!popUpWin.closed) popUpWin.close();
}
file://根據參數定位快顯視窗的展示位置
popUpWin = window.open(‘page.htm’, 'popUpWin', 'toolbar=no,location=no,
directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width=100,height=100,
left=100,top=100,screenX=100,screenY=100’);
}
〈/script〉
快顯視窗參數一覽
快顯視窗的命令格式：“window.open(‘URLStr’, ‘WindowName’, ‘Property’);”，其中：
1.window.open命令用於在網頁上彈出一個新視窗。
2.URLStr：快顯視窗所顯示的頁面
3.WindowName：快顯視窗的名稱，可以任意指定，也可以用’’來代替
4.Property：用於控制快顯視窗顯示的屬性，具體可控制的參數有：
5.Toolbar：是否顯示瀏覽器工具列，yes為顯示，no為不顯示
6.Location：是否顯示遊覽器地址欄，yes為顯示，no為不顯示
7.Directories：是否顯示目錄按鈕，yes為顯示，no為不顯示
8.Status：是否顯示狀態列，yes為顯示，no為不顯示
9.Menubar：是否顯示菜單條，yes為顯示，no為不顯示
10.Scrollbar：是否啟用水平和垂直流動條，yes為顯示，no為不顯示
11.Resizable：是否可以改變視窗大小，yes為顯示，no為不顯示
12.Width：指定視窗的寬度，以像素為單位
13.Height：指定視窗的高度，以像素為單位
14.Left：指定視窗距螢幕左端的距離，以像素為單位
15.Top：指定視窗距螢幕頂端的距離，以像素為單位
16.screenX：等同於Left屬性
17.screenY：等同於Top屬性
特效視窗樣本
瞭解了視窗屬性的定義，我們一起來看一些特殊應用，原來還真有些學問在裡面。
通過函數調用控制快顯視窗
如“範例程式碼2”所定義的快顯視窗，在沒有調用popUpWindow方法之前，該視窗是不會自動彈出的，下面我們來看幾種常用的調用方法：
頁面載入時自動快顯視窗
〈body onLoad=”javascript :popUpWindow();”〉
頁面關閉時自動快顯視窗
〈body onUnLoad=”javascript :popUpWindow();”〉
通過連結或者按鈕觸發快顯視窗
〈a href=”#” onClick=” javascript :popUpWindow();”〉
〈input type=”button” name=”快顯視窗” onClick=” javascript :popUpWindow();”〉
快顯視窗定時關閉
在彈出的視窗中加入下面一小段代碼，彈出的視窗就會在20秒後自動關閉。(這段代碼要加在快顯視窗中，而不是首頁上)
〈script language="javascript"〉
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
〈/script〉
將這段代碼加入〈head〉標籤內，然後再修改〈body〉標籤為〈body onLoad=”closeit()”〉就可以了。
為快顯視窗加上一個關閉按鈕
在彈出的視窗中加入下面代碼，頁面上會多出一個按鈕，單擊這個按鈕，快顯視窗會自動關閉，而不會有任何提示。
〈INPUT TYPE='BUTTON' VALUE='關閉' 〉
小結
瞭解的快顯視窗的屬性，發揮你的想象，就可以創造出更酷效果的快顯視窗了。
