js 弹出框只弹一次(二次修改之后的)

 更新时间:2013年11月26日 16:45:08   作者:  
弹出框只弹一次,看到网上也就写的很多,可以直接使用的没有几个,下面与大家分享个修改之后的代码,需要的朋友可以参考下
弹出框只弹一次,看到网上也就写的很多,但真正能拿过来用的没有几个。以下是我修改之后的代码,供参考。

这段代码是使用了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>

相关文章

  • 红米手机抢购的js代码

    红米手机抢购的js代码

    这篇文章主要介绍了红米手机抢购时返回的js代码,制作红米抢购软件时可以用到,,需要的朋友可以参考下
    2014-03-03
  • 一文详解DOM的概念和常用操作

    一文详解DOM的概念和常用操作

    本文详细介绍了DOM的概念和常用操作,文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容,感兴趣的朋友可以参考阅读本文
    2023-04-04
  • 微信小程序按钮点击动画效果的实现

    微信小程序按钮点击动画效果的实现

    这篇文章主要介绍了微信小程序按钮点击动画效果的实现,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript实现选中文字提示新浪微博分享效果

    JavaScript实现选中文字提示新浪微博分享效果

    这篇文章主要为大家详细介绍了JavaScript实现选中文字提示新浪微博分享效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Javascript四舍五入Math.round()与Math.pow()使用介绍

    Javascript四舍五入Math.round()与Math.pow()使用介绍

    本文为大家介绍下Javascript中的四舍五入Math.round()与Math.pow()的使用,感兴趣的朋友不要错过
    2013-12-12
  • JS实现双击屏幕滚动效果代码

    JS实现双击屏幕滚动效果代码

    这篇文章主要介绍了JS实现双击屏幕滚动效果代码,涉及JavaScript鼠标事件的响应及页面元素属性的动态变换技巧,需要的朋友可以参考下
    2015-10-10
  • javascript arguments使用示例

    javascript arguments使用示例

    这篇文章主要通过一个实例,简单介绍了javascript arguments使用方法,小伙伴们参考下。
    2014-12-12
  • 前端使用websocket发送消息的示例代码

    前端使用websocket发送消息的示例代码

    WebSocket是一种在单个TCP连接上进行全双工通信的协议,它可以让客户端和服务器之间进行实时的双向通信,这篇文章主要介绍了前端使用websocket发送消息的示例代码,需要的朋友可以参考下
    2023-07-07
  • 探析浏览器执行JavaScript脚本加载与代码执行顺序

    探析浏览器执行JavaScript脚本加载与代码执行顺序

    本文主要基于向HTML页面引入JavaScript的几种方式,分析HTML中JavaScript脚本的执行顺序问题,通过本文给大家分享浏览器执行JavaScript脚本加载与代码执行顺序,对浏览器执行javascript及执行顺序相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • uniapp项目引入 js文件以及全局使用方法

    uniapp项目引入 js文件以及全局使用方法

    这篇文章主要给大家介绍了关于uniapp项目引入 js文件以及全局使用方法的相关资料,在Uniapp中引入JS文件是一项常见的操作,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-12-12

最新评论