當前位置:才華齋>設計>網頁設計>

怎樣用DW設計限時自動關閉網頁

網頁設計 閱讀(2.44W)

設計頁面時,經常會從一個頁面開啟一個子視窗以供瀏覽者檢視。通常,這種子視窗中的內容一經瀏覽者看過,對於瀏覽者而言就不再需要,而他們常常會忘記關掉這些小視窗,致使許多的瀏覽器視窗開啟著,耗用大量的資源。因此我們可以將子視窗設計成經過一段時間後可以自動關閉的形式。就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

怎樣用DW設計限時自動關閉網頁

本例中製作了兩個頁面,如圖1所示, 是顯示於子視窗中的頁面,而在名為的頁面中,包含在子視窗中開啟的連結。單擊連結時,將在子視窗中開啟。可以直接單擊子視窗中的“關閉”連結關閉子視窗,也可以不去理睬它,在15秒之後,子視窗也會自動關閉。

  圖1 瀏覽器的彈出頁面

具體操作如下:

1. 在本地站點中生成一個Smlple資料夾。

2. 在Smlple資料夾中,生成名為以及名為的檔案。

3. 雙擊,開啟該文件,進入到文件的設計檢視視窗中。

4. 單擊選單View/Head Content,顯示文件的頭部區域。

5. 單擊設計檢視視窗中的'文件頭部窗格。選擇選單Insert/Invisible Tags/Script,開啟Inset Script對話方塊。如圖2所示,在Language下拉列表框中選擇javascript選項,並在Coctento文字框中輸入“setTimeout("e()",15000)”。單擊OK按鈕,完成在文件頭部插入15秒後自動關閉子視窗的指令碼。在程式碼中,15000表示15000毫秒,也即15秒,也可以根據需要將之修改為自己需要的時間毫秒數。

  圖2 設定時間

6. 在文件視窗中輸入“關閉”字樣,在屬性面板上的Link文字框中輸入“###”,將其設定為一個空連結。

7. 在狀態列左端的快速標記編輯器上,單擊標記按鈕。選中“關閉”連結,然後按下Ctrl+T組合鍵,開啟快速標記編輯器,進入到快速標記編輯器的編輯標記模式。然後在“>”前輸入“onclick="selfclose()"”。 如圖3所示,設定完畢,單擊OK按鈕,確認操作。這樣在被作為子視窗開啟後,單擊該連結就可以立刻關閉該子視窗。

圖3

8. 儲存檔案,並退出的Dremweaver視窗。

9. 現在開始設計頁面。在本地站點的Smlple資料夾中,雙擊 ,開啟該文件,進入到文件的設計檢視視窗中。

10. 在文件中輸入“單擊這裡開啟會自動關閉的子視窗”字樣。然後在屬性面板上的 Link文字框中輸入“###”,將之設定為空連結。

11. 可以通過為該連結應用Open Browser Window行為來設定單擊連結時開啟視窗,不過更方便的方法是利用快速標識編輯器。方法是首先將插入點放置到連結中,然後在狀態列左端的標識選擇器上,單擊標識按鈕,選中整個連結。然後按下Ctrl+T組合鍵,開啟快速標記編輯器,進入到快速標記編輯器的 編輯標識模式。再在“>”前輸入“onclick="('',null','width=200px,height=200px')"”(如圖4所示)。設定完畢,按下回車鍵,確認操作。