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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
jQuery实现图片信息的浮动显示实例代码
Aug 28 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 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更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
javascript CSS画图之基础篇
2009/07/29 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
javascript实现微信分享
2014/12/23 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
js实现简单模态框实例
2018/11/16 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
python Tkinter版学生管理系统
2019/02/20 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
经济管理毕业生求职信
2014/03/15 职场文书
教师个人总结范文
2015/02/11 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
优质护理心得体会
2016/01/22 职场文书