当前位置：首页 -> 技术开发 -> JSP专区 -> 小窗口大学问--玩转弹出窗口(3)

小窗口大学问--玩转弹出窗口(3)

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

【5、主窗口翻开文献1.htm，同声弹出小窗口page.html】　　如次代码介入主窗口〈head〉区：　　〈script language="javascript"〉　　〈!-- 　　function openwin() { 　　window.open("page.html","","width=200,height=200") 　　} 　　//--〉　　〈/script〉　　介入〈body〉区：　　〈a href="1.htm" onclick="openwin()"〉open〈/a〉即可。　　【6、弹出的窗口之准时封闭遏制】　　底下咱们再对弹出的窗口举行少许遏制，功效就更好了。即使咱们再将第一小学段代码介入弹出的页面(提防是介入到page.html的html中，可不是网页面中，要不...)，让它10秒后机动封闭是否更酷了？　　开始，将如次代码介入page.html文献的〈head〉区：　　〈script language="javascript"〉　　function closeit() { 　　settimeout("self.close()",10000) //毫秒　　} 　　〈/script〉　　　　而后，再用〈body onload="closeit()"〉这一句话包办page.html华夏有的〈body〉这一句就不妨了。(这一句话万万不要忘怀写啊！这一句的效率是挪用封闭窗口的代码，10秒钟后就自行封闭该窗口。) 　　【7、在弹出窗口中加上一个封闭按钮】　　〈form〉　　〈input type=´button´ value=´封闭´ onclick=´window.close()´〉　　〈/form〉　　　　呵呵，此刻越发完备了！　　　　【8、内包括的弹出窗口-－－一个页面两个窗口】　　　　上头的例子都包括两个窗口，一个是主窗口，另一个是弹出的小窗口。经过底下的例子，你不妨在一个页面内实行上头的功效。　　〈html〉　　〈head〉　　〈scrit language="javascript"〉　　function openwin() 　　{ 　　openwindow=window.open("", "newwin", "height=250, 　　　　width=250,toolbar=no,scrollbars="+scroll+",menubar=no"); 　　//写成一条龙　　openwindow.document.write("〈title〉例子〈/title〉") 　　openwindow.document.write("〈body bgcolor=#ffffff〉") 　　openwindow.document.write("〈h1〉hello!〈/h1〉") 　　openwindow.document.write("new window opened!") 　　openwindow.document.write("〈/body〉") 　　openwindow.document.write("〈/html〉") 　　openwindow.document.close() 　　} 　　〈/script〉　　〈/head〉　　〈body〉　　〈a href="#" onclick="openwin()"〉翻开一个窗口〈/a〉　　〈input type="button" onclick="openwin()" value="翻开窗口"〉　　〈/body〉　　〈/html〉　　看看openwindow.document.write()内里的代码不即是规范的html吗？只有依照方法写更多的行即可。万万提防多一个标签或少一个标签就会展示缺点。牢记用openwindow.document.close()中断啊。

小窗口大学问--玩转弹出窗口(3)

相关推荐

推荐下载

热门阅览

最新排行