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批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
javascript实现一个数值加法函数
Jun 26 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
vue子组件使用自定义事件向父组件传递数据
May 27 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
微信小程序 bindtap 传参的实例代码
Feb 21 Javascript
ant design vue 表格table 默认勾选几项的操作
Oct 31 Javascript
JavaScript实现图片放大预览效果
Nov 02 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 Javascript
js实现模拟购物商城案例
May 18 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开发规范手册之PHP代码规范详解
2011/01/13 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
Javascript代码在页面加载时的执行顺序介绍
2013/05/03 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
利用vscode调试编译后的js代码详解
2018/05/14 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
python 决策树算法的实现
2020/10/09 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
家长评语和期望
2014/02/10 职场文书
《我的第一本书》教学反思
2014/02/15 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
经济管理毕业生求职信
2014/03/15 职场文书
作文评语集锦大全
2014/04/23 职场文书
幸福家庭标语
2014/06/27 职场文书
合理化建议书
2015/02/04 职场文书