js 弹出框只弹一次(二次修改之后的)


Posted in Javascript onNovember 26, 2013

弹出框只弹一次,看到网上也就写的很多,但真正能拿过来用的没有几个。以下是我修改之后的代码,供参考。

这段代码是使用了cookie来控制的,首先使用cookie让浏览器记住这个页面已经打开过一次,如果再次引用这个页面已经打开一次了,如果再次引用这个页面的话将不进行打开。而浏览器一旦关闭浏览器,保存这个记录的cookie文件将被删除。因此关闭浏览器,再次打开的话弹出窗口还会出现的,从而确保了在原有的窗口基础上只打开一个窗口。

<script type="text/javascript"> 
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里的prototype使用示例
Nov 19 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
理解Angular数据双向绑定
Jan 10 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
原生js实现弹出层效果
Jan 20 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
Jul 15 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
js实现掷骰子小游戏
Oct 24 Javascript
JS匀速运动演示示例代码
Nov 26 #Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 #Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 #Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 #Javascript
JS判断不能为空实例代码
Nov 26 #Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 #Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 #Javascript
You might like
php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
picChange 图片切换特效的函数代码
2010/05/06 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
vuex中使用对象展开运算符的示例
2017/09/25 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
关于VPN
2012/06/10 面试题
酒店副总经理岗位职责范本
2014/02/04 职场文书
优秀毕业生求职信
2014/06/05 职场文书
中秋晚会活动方案
2014/08/31 职场文书
首席执行官观后感
2015/06/03 职场文书
纪委立案决定书
2015/06/24 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
新员工入职感言范文!
2019/07/04 职场文书