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的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
JS面向对象编程详解
Mar 06 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
JS实现探测网站链接的方法【测试可用】
Nov 08 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
详解如何运行vue项目
Apr 15 Javascript
vue组件间的参数传递实例详解
Apr 26 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中OO之静态关键字以及类常量的详解
2013/06/07 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
基于javascript 闭包基础分享
2013/07/10 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
Python处理文本文件中控制字符的方法
2017/02/07 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
大学新生军训自我鉴定
2014/03/18 职场文书
2014年大学生党课心得体会范文
2014/03/29 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
商务专员岗位职责范本
2014/06/29 职场文书
2014年教研组工作总结
2014/11/26 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
MySQL三种方式实现递归查询
2022/04/18 MySQL
hive数据仓库新增字段方法
2022/06/25 数据库