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.Validate验证库知识点的详解
Apr 26 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
Node.js中npm常用命令大全
Jun 09 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
小程序实现授权登陆的解决方案
Dec 02 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 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 Ajax实现页面无刷新发表评论
2007/01/02 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
解析php中memcache的应用
2013/06/18 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
解析PHP中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
js中replace的用法总结
2013/12/27 Javascript
js控制table合并具体实现
2014/02/20 Javascript
canvas知识总结
2017/01/25 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
python 查找文件夹下所有文件 实现代码
2009/07/01 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
Python利用递归实现文件的复制方法
2018/10/27 Python
一百行python代码将图片转成字符画
2021/02/19 Python
Django 实现前端图片压缩功能的方法
2019/08/07 Python
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
美国在线医疗分销商:MedEx Supply
2020/02/04 全球购物
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
劳动之星获奖感言
2014/02/01 职场文书
售房协议书
2014/08/19 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
2015年度优秀员工自荐书
2015/03/06 职场文书
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers
mysql查看表结构的三种方法总结
2022/07/07 MySQL