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 页面元素的几个用法总结
Nov 18 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
vue实现表格过滤功能
Sep 27 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
微信公众平台接口开发入门示例
2014/12/24 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
CI框架附属类用法分析
2018/12/26 PHP
自写简单JS判断是否已经弹出页面
2010/10/20 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
2013/01/16 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
浅谈node.js中async异步编程
2015/10/22 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
2019/09/18 Javascript
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
[36:29]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs TNC
2018/04/02 DOTA
Python基本数据类型详细介绍
2014/03/11 Python
python fabric使用笔记
2015/05/09 Python
Python数据类型学习笔记
2016/01/13 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
出国考察邀请函
2014/01/21 职场文书
好家长事迹材料
2014/01/23 职场文书
后勤部经理岗位职责
2014/02/23 职场文书
中式结婚主持词
2014/03/14 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
2016大一新生军训感言
2015/12/08 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书