“如何製作彈出式視窗？”，這是Dreamweaver初學者經常會問的問題。找個提供特效的網站，或是Down個特效工具貼一下程式碼不就得了！還不容易。其實比較容易的方法是使用我們最常用的Dreamweaver。一般的彈出式窗口，簡單地點幾下就可以完成。不相信？來看看！只要按以下幾個步驟操作，你就能輕鬆地做出彈出視窗效果。
1. 首先，從選單列中Window- >Behaviors (視窗- >行為)或直接按快捷鍵Shift+F3調出行為面板。
2. 如圖所示，按行為面板左上角的「+」號新增行為，在彈出的選單中選擇「Open Browser Window（彈出瀏覽器視窗）」行為。
3. 選擇了行為以後，就會跳出Open Browser Window對話框，如圖所示。只要在對話方塊中填入對應的視窗訊息，按「確定」後就可以完成對彈出視窗的客製化了。其中
「URL to Display」：為你想要在新視窗中顯示網頁的位址，你可以直接輸入位址，也可以按下「Browse」按鈕指定。
「Window Width」與「Window Height」：分別為新視窗的寬與高，單位為px。
“Attributes”：為視窗的特性。
“Navigation Toolbar”、“Menu Bar”、“Location Toolbar”、“Scrollbars as Needed”、“Status Bar”、“Resize Handles”
分別代表工具列、功能表列、定位工具列、捲軸以及更改大小手把。選上對應位置前的對勾，就代表新視窗中具有對應的特性。
“Window Name”：為目標視窗的名字。可以隨便取一個，也可以指定框架群組內某一視窗的名字。在製作彈出視窗時，名字隨便起一個就可以了。
完成了上面幾步之後，行為面板將會變成下面這個樣子，表示載入頁面（onLoad）的同時，開啟一個新的瀏覽視窗。
實際上，在行為面板中加入行為的過程，就是Dreamweaver產生Javascript程式碼的過程。上面的幾步中，產生了下列程式碼。在下方以粗體顯示，「< !—」和「-- >」 之間的為該部分程式碼的註解：
< html >
< head >
< title >無標題文件< /title >
< meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
< script language="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-- >
< /script >< !—根據傳遞過來的值開啟視窗-- >
< /head >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200')" >
< !—設定彈出視窗的各個屬性的值，並將值傳遞到各對應形參，並設定激發事件為onLoad-- >
彈出視窗效果
< /身體 >
< /html >
你可以這樣理解上面的程式碼：當onLoad事件激發時（即圖像或頁面結束載入時），呼叫MM_openBrWindow()方法，並將值
“'yourpage.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200'”
(這裡稱為實參)傳入對應的形參――“theURL,winName,features”，供window.open()使用。注意，三個參數都要用單引號括起來。在這些程式碼中，最關鍵的一句是：
“window.open(theURL,winName,features)”
它的意思是在名為winName的視窗中，按features的規定的特性開啟theURL位址上的頁面。
理解了程式碼的意思後，我們可以知道程式碼可以直接這樣寫：在< body >內加入
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200' )"
一句。這種寫法與Dreamweaver自動產生程式碼的效果無異。
我們已經知道window.open()內三個參數的意思――第一個為所要顯示頁的位址，第二個為目標視窗的名稱，第三個則為視窗的外觀特性的描述。第一、二個參數就不多講了，我們講一下第三個參數。對於第三個參數，我們可以這樣寫
“'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=300, height=200,left=100, top=100'”
這裡toolbar代表工具列，location代表網址列,directories代表導航條，status為狀態欄，menubar為選單欄，scrollbars為滾動條，resizable為更改大小手柄，而width、height分別表示視窗的寬和高， left、top則表示視窗彈出的位置。
toolbar, location, directories, status, menubar, scrollbars, resizable的值可設為yes、no、1或0，yes(1)表示新視窗具有該特性，no(0)則否。而width、height、left、top的值則應以數字填入，單位為px。
講了這麼多，你理解了嗎？在Dreamweaver中加入行為，製作彈出視窗是不是很簡單啊？手寫程式碼也不是很難嘛！只要你再稍加實踐，在很短的時間內，你就會感覺到：原來做彈出窗口，是這麼簡單的！