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实现可编辑表格并用AJAX提交到服务器修改数据
Dec 27 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 Javascript
JavaScript 判断日期格式是否正确的实现代码
Jul 04 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 Javascript
详解Element 指令clickoutside源码分析
Feb 15 Javascript
Json实现传值到后台代码实例
Jun 30 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 冒泡排序算法的实现代码
2010/08/08 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
限制复选框的最大可选数
2006/07/01 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python实现统计代码行数的方法
2015/05/22 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
python 产生token及token验证的方法
2018/12/26 Python
Python assert语句的简单使用示例
2019/07/28 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
Python MOCK SERVER moco模拟接口测试过程解析
2020/04/13 Python
Python中实现输入一个整数的案例
2020/05/03 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
艺术专业大学生自我评价
2013/09/22 职场文书
英文自荐信
2013/12/15 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书
基于Python和openCV实现图像的全景拼接详细步骤
2021/10/05 Python
springboot新建项目pom.xml文件第一行报错的解决
2022/01/18 Java/Android
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL