教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 弹出框只弹一次(二次修改后)

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

发布时间:2015-03-20   编辑:jiaochengji.com
分享一例实现弹出框只弹出一次的js代码,这是二次修改后的代码,比上一个更好用,有需要的朋友参考下吧。

本节内容:
js实现弹出框只弹一次。

以下代码使用了cookie来控制的,首先使用cookie让浏览器记住这个页面已经打开过一次,如果再次引用这个页面已经打开一次了,如果再次引用这个页面的话将不进行打开。
而浏览器一旦关闭浏览器,保存这个记录的cookie文件将被删除。

因此,关闭浏览器,再次打开的话弹出窗口还会出现的,从而确保了在原有的窗口基础上只打开一个窗口。

例子:
 

复制代码 代码示例:

<script type="text/javascript">
/**
* 弹出框只弹一次
* edit:www.jiaochengji.com
*/
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 弹出框只弹一次(二次修改后)
实现弹幕效果的方法总结(css和canvas)
基于jquery的弹窗插件 weebox
js点击超链接弹出提示框
js弹出对话框三个实例
js弹出层之1:JQuery.Boxy (二)
asp.net后台弹窗怎么实现
javascript 一个IP只弹窗一次的实现代码
电脑浏览器主页恶意篡改为2345导航怎么修改
暴风影音开启弹幕以及弹幕设置的方法

[关闭]
~ ~