小窗口大学问--玩转弹出窗口(4)

woaibie_

woaibie_

2016-01-29 12:34

小窗口大学问--玩转弹出窗口(4),小窗口大学问--玩转弹出窗口(4)
  【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脚本中的的大小写最好前后保持一致
展开更多 50%)
分享

猜你喜欢

小窗口大学问--玩转弹出窗口(4)

Java JAVA基础
小窗口大学问--玩转弹出窗口(4)

小窗口大学问--玩转弹出窗口(2)

Java JAVA基础
小窗口大学问--玩转弹出窗口(2)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

小窗口大学问--玩转弹出窗口(1)

Java JAVA基础
小窗口大学问--玩转弹出窗口(1)

小窗口大学问--玩转弹出窗口(3)

Java JAVA基础
小窗口大学问--玩转弹出窗口(3)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

制作弹出公告窗口

Web开发
制作弹出公告窗口

Dreamweaver教程:弹出窗口

Web开发
Dreamweaver教程:弹出窗口

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Flash教程:简单光晕效果的制作

Flash教程:简单光晕效果的制作

Flash教程:用填充变形工具创建不间断滚动图片教程

Flash教程:用填充变形工具创建不间断滚动图片教程
下拉加载更多内容 ↓