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

2016-01-29 12:34 2 1 收藏

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

【 tulaoshi.com - Java 】

  【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脚本中的的大小写最好前后保持一致

来源:https://www.tulaoshi.com/n/20160129/1486619.html

延伸阅读
标签: Web开发
一、 基本变化 SCRIPT LANGUAGE="javascript"!--window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')//写成一行--/SCRIPT 参数解释: window.open 弹出新窗口的命令; ...
标签: flash教程
在FLASH中制作一个按钮,然后拖到场景中给按钮添加如下指令: on (release) { getURL ("javascript:openNewWindo('new_pop_up.html','thewin', 'height=100,width=250,toolbar=no,scrollbars=yes');"); } 在HTML代码的HEAD区内添加如下代码: 然后在 标签内添加如下代码: swLiveConnect=true NAME=yourmovie.swf OK! ...
跟随页面弹出的窗口在规定时间内自动关闭,而且不作任何提示 代码:<script language="JavaScript" <!-- url="popup.htm" window.open(url, 'www_helpor_net', 'width=468,height=60,resizable=1,scrollbars=no,left=100,top=50') -- </script 然后,在相同目录下新建一个popup.htm网页(注意要与上面的url对应!),用于显示在弹...
  如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 <html <body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');"; <bwww.e3i5.com</b </body </html 2.弹启...
标签: 浏览器
如何设置关闭IE窗口时不会弹出警告窗口 一、问题描述 当我们在关闭IE浏览器窗口时,如果该窗口中有多个选项卡标签页,浏览器则会弹出警告窗口,询问您是否要关闭所有选项卡还是当前的选项卡?,刚开始嫌弃这个弹出框太麻烦了,便勾选了总是关闭所有选项卡。但是在长期使用的过程中发现,当我们想关闭某个选项卡页面经常会不小心关闭了...

经验教程

544

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部