9、終極應(yīng)用--彈出的窗口之Cookie控制
回想一下,上面的彈出窗口雖然酷,但是有一點小毛病(沉浸在喜悅之中,一定沒有發(fā)現(xiàn)吧?)比如你將上面的腳本放在一個需要頻繁經(jīng)過的頁面里(例如首頁),那么每次刷新這個頁面,窗口都會彈出一次,是不是非常煩人?:-(
有解決的辦法嗎?當(dāng)然有!我們使用cookie來控制一下就可以了。首先,將如下代碼加入主頁面HTML的〈HEAD〉區(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主頁面中原有的〈BODY〉這一句即可。你可以試著刷新一下這個頁面或重新進(jìn)入該頁面,窗口再也不會彈出了。真正的Pop-Only-Once!
寫到這里彈出窗口的制作和應(yīng)用技巧基本上算是完成了,俺也累壞了,一口氣說了這么多,希望對正在制作網(wǎng)頁的朋友有所幫助俺就非常欣慰了。
需要注意的是,JS腳本中的的大小寫最好前后保持一致。
上一頁 [1] [2] [3] [4] |