Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js只弹出一次窗口的实例代码

js只弹出一次窗口的实例代码

发布时间:2015-03-11   编辑:www.jquerycn.cn
分享一例js代码,实现只弹出一次窗口的效果,有需要的朋友参考下吧。

本节分享的这段代码,使用cookie来控制。
首先,使用cookie让浏览器记住这个页面已经打开过一次,如果再次引用这个页面已经打开一次了,如果再次引用这个页面的话将不进行打开。

而浏览器一旦关闭浏览器,保存这个记录的cookie文件将被删除。

因此关闭浏览器,再次打开的话弹出窗口还会出现的,从而确保了在原有的窗口基础上只打开一个窗口。

例子:
 

复制代码 代码示例:
<script type="text/javascript">
/**
* 实现只弹出一次窗口
* by www.jquerycn.cn
*/
    var returnvalue = "";
    function openpopup(){
        <s:if test="isAlreadyGetGift == 0">
        $.colorbox({inline:true, href:'#getGiftForm',innerWidth:'650px;',innerHeight:'475px;',onOpen:true});
        $("#getGiftSuccess").hide();
        </s:if>
    }
function get_cookie(Name) {
   var search = Name + "=";
   if (document.cookie.length > 0) {
     offset = document.cookie.indexOf(search);
     if (offset != -1) {
         // if cookie exists
        offset += search.length;
         // set index of beginning of value
        end = document.cookie.indexOf(";", offset);
         // set index of end of cookie value
        if (end == 10){
               end = document.cookie.length;
               returnvalue=unescape(document.cookie.substring(offset, end));
               }
      }
   }
   return returnvalue;
}
function loadpopup(){
  if (get_cookie("popped")==""){
     openpopup();
   document.cookie="popped=yes"
    }
}
$(document).ready(function(){
        loadpopup();
});
</script>

您可能感兴趣的文章:
javascript弹出窗口实例讲解(多个例子,多种实现方法)
js只弹出一次窗口的实例代码
js 弹出框只弹一次(二次修改后)
javascript 一个IP只弹窗一次的实现代码
javascript弹出对话框综合实例汇总
asp.net后台弹窗怎么实现
js弹出窗口关闭时返回已选择参数的实现代码
解析jquery获取父窗口的元素
Js弹出窗口在任意分辨率下居中显示的实例代码
JS父子窗口相互取值与赋值的方法参考

关键词: 弹出窗口   
[关闭]