明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

小窗口大學(xué)問(wèn)--玩轉(zhuǎn)彈出窗口(4)

[摘要]【9、終極應(yīng)用--彈出的窗口之Cookie控制】   回想一下,上面的彈出窗口雖然酷,但是有一點(diǎn)小毛病(沉浸在喜悅之中,一定沒(méi)有發(fā)現(xiàn)?)比如你將上面的腳本放在一個(gè)需要頻繁經(jīng)過(guò)的頁(yè)面里(例如首頁(yè)),那么每次刷新這個(gè)頁(yè)面,窗口都會(huì)彈出一次,是不是非常煩人?:-(   有解決的辦法嗎?當(dāng)然有!我們使用c...
【9、終極應(yīng)用--彈出的窗口之Cookie控制】

  回想一下,上面的彈出窗口雖然酷,但是有一點(diǎn)小毛病(沉浸在喜悅之中,一定沒(méi)有發(fā)現(xiàn)?)比如你將上面的腳本放在一個(gè)需要頻繁經(jīng)過(guò)的頁(yè)面里(例如首頁(yè)),那么每次刷新這個(gè)頁(yè)面,窗口都會(huì)彈出一次,是不是非常煩人?:-(

  有解決的辦法嗎?當(dāng)然有!我們使用cookie來(lái)控制一下就可以了。首先,將如下代碼加入主頁(yè)面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主頁(yè)面中原有的〈BODY〉這一句即可。你可以試著刷新一下這個(gè)頁(yè)面或重新進(jìn)入該頁(yè)面,窗口再也不會(huì)彈出了。真正的Pop-Only-Once!

  寫到這里彈出窗口的制作和應(yīng)用技巧基本上算是完成了,俺也累壞了,一口氣說(shuō)了這么多,希望對(duì)正在制作網(wǎng)頁(yè)的朋友有所幫助俺就非常欣慰了。
需要注意的是,JS腳本中的的大小寫最好前后保持一致