JS实现弹窗仅显示一次的Cookie控制方案

弹窗单次显示控制方案

实现弹窗仅显示一次的功能在网络上已有不少讨论，但实际可直接复用的代码并不多。以下提供经过修改完善的代码示例，供开发者参考使用。

该方案的核心在于利用Cookie进行状态控制。具体逻辑是：首先通过Cookie记录当前页面已被打开过的状态；当用户再次访问该页面时，程序会检查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>