【8、內(nèi)包含的彈出窗口-一個(gè)頁(yè)面兩個(gè)窗口】
上面的例子都包含兩個(gè)窗口,一個(gè)是主窗口,另一個(gè)是彈出的小窗口。通過下面的例子,你可以在一個(gè)頁(yè)面內(nèi)完成上面的效果。
<html> <head> <SCRIPT 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()">打開一個(gè)窗口</a> <input type="button" onclick="openwin()" value="打開窗口"> </body> </html> 看看OpenWindow.document.write()里面的代碼不就是標(biāo)準(zhǔn)的HTML嗎?只要按照格式寫更多的行即可。千萬注意多一個(gè)標(biāo)簽或少一個(gè)標(biāo)簽就會(huì)出現(xiàn)錯(cuò)誤。記得用 OpenWindow.document.close()結(jié)束啊。
【9、終極應(yīng)用--彈出的窗口之Cookie控制】
回想一下,上面的彈出窗口雖然酷,但是有一點(diǎn)小毛病,比如你將上面的腳本放在一個(gè)需要頻繁經(jīng)過的頁(yè)面里(例如首頁(yè)),那么每次刷新這個(gè)頁(yè)面,窗口都會(huì)彈出一次,我們使用cookie來控制一下就可以了。 首先,將如下代碼加入主頁(yè)面HTML的區(qū):
<script> function openwin(){ window.open("page.html","","width=200,height=200") } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function loadpopup(){ if (get_cookie(’popped’)==’’){ openwin() document.cookie="popped=yes" } } </script> 然后,用 <body onload="loadpopup()">(注意不是openwin而是loadpop。。┨鎿Q主頁(yè)面中原有的這一句即可。你可以試著刷新一下這個(gè)頁(yè)面或重新進(jìn)入該頁(yè)面,窗口再也不會(huì)彈出了。
上一頁(yè) [1] [2] [3] [4] |