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 相关文章推荐
javascript中巧用“闭包”实现程序的暂停执行功能
Apr 04 Javascript
jquery提升性能最佳实践小结
Dec 06 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
js中作用域的实例解析
Mar 16 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
Openlayers实现测量功能
Sep 25 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入门经历和学习过程分享
2014/04/11 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
php检查日期函数checkdate用法实例
2015/03/19 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
推荐dojo学习笔记
2007/03/24 Javascript
[原创]用javascript实现检测指定目录是否存在的方法
2008/01/12 Javascript
ext读取两种结构的xml的代码
2008/11/05 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
jquery实现动态画圆
2014/12/04 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
关于微信上网页图片点击全屏放大效果
2016/12/19 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
Python3.6.0+opencv3.3.0人脸检测示例
2018/05/25 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
学python安装的软件总结
2019/10/12 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
佳能英国官方网站:Canon UK
2017/08/08 全球购物
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
Linux的文件类型
2016/07/05 面试题
影视制作岗位职责
2013/12/04 职场文书
规范化管理年活动总结
2014/08/29 职场文书
Python面试不修改数组找出重复的数字
2022/05/20 Python