本範例中製作了兩個頁面，如圖1所示， Index.html是顯示於子視窗中的頁面，而在名為firstpage.html的頁面中，包含在子視窗中開啟Index.html的連結。點擊連結時，將在子視窗中開啟index.html。可以直接點選子視窗中的「關閉」連結關閉子窗口，也可以不去理睬它，在15秒之後，子視窗也會自動關閉。
圖1 瀏覽器的彈出頁面
具體操作如下:
1. 在本機網站中產生一個Smlple資料夾。
2. 在Smlple資料夾中，產生名為Index.html以及名為firstpage.html的檔案。
3. 雙擊Index.html，開啟該文檔，進入到文檔的設計檢視視窗。
4. 點選選單View/Head Content，顯示文件的頭部區域。
5. 按一下設計檢視視窗中的文件頭窗格。選擇選單Insert/Invisible Tags/Script，開啟Inset Script對話框。如圖2所示，在Language下拉列錶框中選擇JavaScript選項，並在Coctento文字方塊中輸入「setTimeout("self.close()"，15000)」。點選OK按鈕，完成在文件頭部插入15秒後自動關閉子視窗的腳本。在程式碼中，15000表示15000毫秒，也即15秒，也可以根據需要將之修改為自己需要的時間毫秒數。
圖2 設定時間
6. 在文件視窗中輸入“關閉”字樣，在屬性面板上的Link文字方塊中輸入“###”，將其設定為空連結。
7. 在狀態列左端的快速標記編輯器上，按一下標記按鈕。選取「關閉」鏈接，然後按下Ctrl+T組合鍵，開啟快速標記編輯器，進入到快速標記編輯器的編輯標記模式。然後在「>」前輸入「onclick="selfclose()"」。 如圖3所示，設定完畢，點選OK按鈕，確認操作。這樣在Index.html被當作子視窗開啟後，點選該連結就可以立刻關閉該子視窗。
圖3 設定時間
8. 儲存Index.html文件，並退出index.html的Dremweaver視窗。
9. 現在開始設計fristpage.html頁面。在本機網站的Smlple資料夾中，雙擊fristpage.html，開啟該文檔，進入到文檔的設計視圖視窗中。
10. 在文件中輸入「按一下這裡開啟會自動關閉的子視窗」字樣。然後在屬性面板上的Link文字方塊中輸入“###”，將之設定為空連結。
11. 可以透過為該連結應用Open Browser Window行為來設定點擊連結時開啟Index.html窗口，不過更方便的方法是利用快速標識編輯器。方法是先將插入點放置到連結中，然後在狀態列左端的標識選擇器上，按一下標識按鈕，選取整個連結。然後按下Ctrl+T組合鍵，開啟快速標記編輯器，進入到快速標記編輯器的編輯標識模式。再在「>」前輸入「onclick="window.open('index.html',null','width=200px，height=200px')"」(如圖4所示)。設定完畢，按下回車鍵，確認操作。
圖4 設定點選連結時開啟
12.上述操作就完成了本例的設定。可以點選選單用File/save，儲存所做的工作。然後按下F12鍵，在瀏覽器中預覽頁面效果。