DW技巧篇：在DW中設計自動關閉的網頁

在DW中設計自動關閉網頁的具體操作如下:

1. 在本地站點中生成一個Smlple文件夾。

2. 在Smlple文件夾中，生成名為Index.html以及名為firstpage.html的文件。

3. 雙擊Index.html，打開該文檔，進入到文檔的設計視圖窗口中。

4. 單擊菜單View/Head Content，顯示文檔的頭部區(qū)域。

5. 單擊設計視圖窗口中的文檔頭部窗格。選擇菜單Insert/Invisible Tags/Script，打開Inset Script對話框。如圖2所示，在Language下拉列表框中選擇JavaScript選項，并在Coctento文本框中輸入“setTimeout("self.close()"，15000)”。單擊OK按鈕，完成在文檔頭部插入15秒后自動關閉子窗口的腳本。在代碼中，15000表示15000毫秒，也即15秒，也可以根據需要將之修改為自己需要的時間毫秒數(shù)。

　6. 在文檔窗口中輸入“關閉”字樣，在屬性面板上的Link文本框中輸入“###”，將其設置為一個空鏈接。

7. 在狀態(tài)欄左端的快速標記編輯器上，單擊標記按鈕。選中“關閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標記編輯器，進入到快速標記編輯器的編輯標記模式。然后在“>”前輸入“onclick="selfclose()"”。 如圖3所示，設置完畢，單擊OK按鈕，確認操作。這樣在Index.html被作為子窗口打開后，單擊該鏈接就可以立刻關閉該子窗口?！　?. 保存Index.html文件，并退出index.html的Dremweaver窗口。

9. 現(xiàn)在開始設計fristpage.html頁面。在本地站點的Smlple文件夾中，雙擊 fristpage.html，打開該文檔，進入到文檔的設計視圖窗口中。

10. 在文檔中輸入“單擊這里打開會自動關閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“###”，將之設置為空鏈接。

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

12.上述操作就完成了本例的設置。可以單擊菜單用File/save，保存所做的工作。然后按下F12鍵，在瀏覽器中預覽頁面效果。

這是個小小的技巧哦，您學會了嗎？www.bm7419.com

分享文章：DW技巧篇：在DW中設計自動關閉的網頁
瀏覽地址：http://www.bm7419.com/news9/161359.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供全網營銷推廣、標簽優(yōu)化、網站收錄、網站內鏈、響應式網站、ChatGPT

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)