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 相关文章推荐
jQuery TextBox自动完成条
Jul 22 Javascript
var与Javascript变量隐式声明
Sep 17 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
Javascript实现计算个人所得税
May 10 Javascript
微信小程序 两种为对象属性赋值的方式详解
Feb 23 Javascript
cdn模式下vue的基本用法详解
Oct 07 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
vue2.0自定义指令示例代码详解
Apr 25 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 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版网站缓存加快打开速度的方法分享
2012/06/03 PHP
codeigniter自带数据库类使用方法说明
2014/03/25 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
PHP网站常见安全漏洞,及相应防范措施总结
2021/03/01 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
Python找出9个连续的空闲端口
2016/02/01 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
Django rest framework实现分页的示例
2018/05/24 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
思想品德自我评价
2014/02/04 职场文书
石油工程专业毕业生求职信
2014/04/13 职场文书
小学班级口号
2014/06/09 职场文书
成绩单评语
2015/01/04 职场文书
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android