- 相關(guān)推薦
怎樣用DW設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉網(wǎng)頁(yè)
設(shè)計(jì)頁(yè)面時(shí)，經(jīng)常會(huì)從一個(gè)頁(yè)面打開一個(gè)子窗口以供瀏覽者查看。通常，這種子窗口中的內(nèi)容一經(jīng)瀏覽者看過，對(duì)于瀏覽者而言就不再需要，而他們常常會(huì)忘記關(guān)掉這些小窗口，致使許多的瀏覽器窗口打開著，耗用大量的資源。因此我們可以將子窗口設(shè)計(jì)成經(jīng)過一段時(shí)間后可以自動(dòng)關(guān)閉的形式。就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
本例中制作了兩個(gè)頁(yè)面，如圖1所示， Index.html是顯示于子窗口中的頁(yè)面，而在名為firstpage.html的頁(yè)面中，包含在子窗口中打開Index.html的鏈接。單擊鏈接時(shí)，將在子窗口中打開index.html。可以直接單擊子窗口中的“關(guān)閉”鏈接關(guān)閉子窗口，也可以不去理睬它，在15秒之后，子窗口也會(huì)自動(dòng)關(guān)閉。
圖1 瀏覽器的彈出頁(yè)面
具體操作如下：
1. 在本地站點(diǎn)中生成一個(gè)Smlple文件夾。
2. 在Smlple文件夾中，生成名為Index.html以及名為firstpage.html的文件。
3. 雙擊Index.html，打開該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。
4. 單擊菜單View/Head Content，顯示文檔的頭部區(qū)域。
5. 單擊設(shè)計(jì)視圖窗口中的文檔頭部窗格。選擇菜單Insert/Invisible Tags/Script，打開Inset Script對(duì)話框。如圖2所示，在Language下拉列表框中選擇javascript選項(xiàng)，并在Coctento文本框中輸入“setTimeout("self.close()"，15000)”。單擊OK按鈕，完成在文檔頭部插入15秒后自動(dòng)關(guān)閉子窗口的腳本。在代碼中，15000表示15000毫秒，也即15秒，也可以根據(jù)需要將之修改為自己需要的時(shí)間毫秒數(shù)。
圖2 設(shè)置時(shí)間
6. 在文檔窗口中輸入“關(guān)閉”字樣，在屬性面板上的Link文本框中輸入“###”，將其設(shè)置為一個(gè)空鏈接。
7. 在狀態(tài)欄左端的快速標(biāo)記編輯器上，單擊標(biāo)記按鈕。選中“關(guān)閉”鏈接，然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。然后在“>”前輸入“onclick="selfclose()"”。 如圖3所示，設(shè)置完畢，單擊OK按鈕，確認(rèn)操作。這樣在Index.html被作為子窗口打開后，單擊該鏈接就可以立刻關(guān)閉該子窗口。
圖3
8. 保存Index.html文件，并退出index.html的Dremweaver窗口。
9. 現(xiàn)在開始設(shè)計(jì)fristpage.html頁(yè)面。在本地站點(diǎn)的Smlple文件夾中，雙擊 fristpage.html，打開該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。
10. 在文檔中輸入“單擊這里打開會(huì)自動(dòng)關(guān)閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“###”，將之設(shè)置為空鏈接。
11. 可以通過為該鏈接應(yīng)用Open Browser Window行為來(lái)設(shè)置單擊鏈接時(shí)打開Index.html窗口，不過更方便的方法是利用快速標(biāo)識(shí)編輯器。方法是首先將插入點(diǎn)放置到鏈接中，然后在狀態(tài)欄左端的標(biāo)識(shí)選擇器上，單擊標(biāo)識(shí)按鈕，選中整個(gè)鏈接。然后按下Ctrl+T組合鍵，打開快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的 編輯標(biāo)識(shí)模式。再在“>”前輸入“onclick="window.open('index.html',null','width=200px，height=200px')"”(如圖4所示)。設(shè)置完畢，按下回車鍵，確認(rèn)操作。
【怎樣用DW設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉網(wǎng)頁(yè)】相關(guān)文章：
Dreamweaver自動(dòng)關(guān)閉網(wǎng)頁(yè)的方法06-30
Dw網(wǎng)頁(yè)設(shè)計(jì)制作小技巧07-16
搜狗輸入法關(guān)閉自動(dòng)搜索的方法09-23
win10專業(yè)版關(guān)閉自動(dòng)更新09-19
網(wǎng)頁(yè)設(shè)計(jì)的原則06-13
網(wǎng)頁(yè)設(shè)計(jì)的布局08-13
網(wǎng)頁(yè)設(shè)計(jì)技巧精選09-05