当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 用Dreamweaver设计限时自动关闭网页

用Dreamweaver设计限时自动关闭网页

时间： 2021-07-31 作者：daque

安排页面时，常常会从一个页面翻开一个子窗口以供欣赏者察看。常常，这健将窗口中的实质已经欣赏者看过，对于欣赏者而言就不复须要，而她们往往会忘怀关掉那些小窗口，以致很多的欣赏器窗口翻开着，耗用洪量的资源。所以咱们不妨将子窗口安排成过程一段功夫后不妨机动封闭的情势。

　　本例中创造了两个页面，如图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被动作子窗口翻开后，单击该链接就不妨连忙封闭该子窗口。

用dreamweaver设计限时自动关闭网页

　　图3

用dreamweaver设计限时自动关闭网页

　　8. 生存index.html文献，并退出index.html的dremweaver窗口。

　　9. 此刻发端安排fristpage.html页面。在当地站点的smlple文献夹中，双击 fristpage.html，翻开该文书档案，加入到文书档案的安排视图窗口中。

　　10. 在文书档案中输出“单击这边翻开会机动封闭的子窗口”字样。而后在属性面板上的 link文本框中输出“###”，将之树立为空链接。

用dreamweaver设计限时自动关闭网页

　　11. 不妨经过为该链接运用open browser window动作来树立单击链接时翻开index.html窗口，然而更简单的本领是运用赶快标识编纂器。本领是开始将插入点安置到链接中，而后在状况栏左端的标识采用器上，单击标识按钮，选中所有链接。而后按下ctrl+t拉拢键，翻开赶快标志编纂器，加入到赶快标志编纂器的编纂标识形式。再在“>”前输出“onclick="window.open('index.html',null','width=200px，height=200px')"”(如图4所示)。树立结束，按下回车键，确认操纵。

　　图4 树立单击链接时翻开

　　12.上述操纵就实行了本例的树立。不妨单击菜单用file/save，生存所做的处事。而后按下f12键，在欣赏器中预览页面功效。　

用Dreamweaver设计限时自动关闭网页

相关推荐

推荐下载

热门阅览

最新排行