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 相关文章推荐
JavaScript 密码强度判断代码
Sep 05 Javascript
Google AJAX 搜索 API实现代码
Nov 17 Javascript
javascript object array方法使用详解
Dec 03 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
node.js 动态执行脚本
Jun 02 Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
通过fastclick源码分析彻底解决tap“点透”
Dec 24 Javascript
编写React组件项目实践分析
Mar 04 Javascript
JavaScript实现猜数字游戏
May 20 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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 jquery 多文件上传简单实例
2013/12/23 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
javascript 鼠标滚轮事件
2009/04/09 Javascript
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
简短几句jquery代码的实现一个图片向上滚动切换
2011/09/02 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
2019/08/23 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
python实现简单的socket server实例
2015/04/29 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
python Celery定时任务的示例
2018/03/13 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
Django学习之文件上传与下载
2019/10/06 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
python实现取余操作的简单实例
2020/08/16 Python
解决Pycharm 运行后没有输出的问题
2021/02/05 Python
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
UML设计模式笔试题
2014/06/07 面试题
中学生在校期间的自我评价分享
2013/11/13 职场文书
高校辅导员推荐信范文
2013/12/25 职场文书
会计与审计毕业生自荐信范文
2013/12/30 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
建议书的格式
2014/05/12 职场文书
公司2015年终工作总结
2015/05/26 职场文书
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS