万卷书   首页 > 电脑书籍 > JSP > 小窗口大学问--玩转弹出窗口
 
   【9、终极应用--弹出的窗口之Cookie控制】

   回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(

   有解决的办法吗?当然有!我们使用cookie来控制一下就可以了。首先,将如下代码加入主页面HTML的〈HEAD〉区:

   〈script〉
   function openwin(){
   window.open("page.htm","","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脚本中的的大小写最好前后保持一致
上一页