js 彈出框只彈一次(二次修改之后的)
更新時間:2013年11月26日 16:45:08 作者:
彈出框只彈一次,看到網上也就寫的很多,可以直接使用的沒有幾個,下面與大家分享個修改之后的代碼,需要的朋友可以參考下
彈出框只彈一次,看到網上也就寫的很多,但真正能拿過來用的沒有幾個。以下是我修改之后的代碼,供參考。
這段代碼是使用了cookie來控制的,首先使用cookie讓瀏覽器記住這個頁面已經打開過一次,如果再次引用這個頁面已經打開一次了,如果再次引用這個頁面的話將不進行打開。而瀏覽器一旦關閉瀏覽器,保存這個記錄的cookie文件將被刪除。因此關閉瀏覽器,再次打開的話彈出窗口還會出現(xiàn)的,從而確保了在原有的窗口基礎上只打開一個窗口。
<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>
這段代碼是使用了cookie來控制的,首先使用cookie讓瀏覽器記住這個頁面已經打開過一次,如果再次引用這個頁面已經打開一次了,如果再次引用這個頁面的話將不進行打開。而瀏覽器一旦關閉瀏覽器,保存這個記錄的cookie文件將被刪除。因此關閉瀏覽器,再次打開的話彈出窗口還會出現(xiàn)的,從而確保了在原有的窗口基礎上只打開一個窗口。
復制代碼 代碼如下:
<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實現(xiàn)選中文字提示新浪微博分享效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)選中文字提示新浪微博分享效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06
Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用,感興趣的朋友不要錯過2013-12-12
探析瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序
本文主要基于向HTML頁面引入JavaScript的幾種方式,分析HTML中JavaScript腳本的執(zhí)行順序問題,通過本文給大家分享瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序,對瀏覽器執(zhí)行javascript及執(zhí)行順序相關知識感興趣的朋友一起學習吧2016-01-01

