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 相关文章推荐
google 搜索框添加关键字实现代码
Apr 24 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
学习discuz php 引入文件的方法DISCUZ_ROOT
2009/06/21 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
vue axios请求拦截实例代码
2018/03/29 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
在python3环境下的Django中使用MySQL数据库的实例
2017/08/29 Python
python+matplotlib绘制3D条形图实例代码
2018/01/17 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
基于Python实现简单学生管理系统
2020/07/24 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
农救科工作职责
2013/11/27 职场文书
公司前台辞职报告
2014/01/19 职场文书
上班打牌检讨书
2014/02/07 职场文书
项目投资合作意向书
2014/07/29 职场文书
单位工作证明书格式
2014/10/04 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
Redis+AOP+自定义注解实现限流
2022/06/28 Redis