程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 小窗口大學問--玩轉彈出窗口(4)

小窗口大學問--玩轉彈出窗口(4)

編輯:關於JSP

【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腳本中的的大小寫最好前後保持一致

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved