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