js 彈出框只彈一次(二次修改之后的)
更新時(shí)間：2013年11月26日 16:45:08 作者：
彈出框只彈一次，看到網(wǎng)上也就寫的很多，可以直接使用的沒有幾個(gè)，下面與大家分享個(gè)修改之后的代碼，需要的朋友可以參考下
彈出框只彈一次，看到網(wǎng)上也就寫的很多，但真正能拿過來用的沒有幾個(gè)。以下是我修改之后的代碼，供參考。
這段代碼是使用了cookie來控制的，首先使用cookie讓瀏覽器記住這個(gè)頁面已經(jīng)打開過一次，如果再次引用這個(gè)頁面已經(jīng)打開一次了，如果再次引用這個(gè)頁面的話將不進(jìn)行打開。而瀏覽器一旦關(guān)閉瀏覽器，保存這個(gè)記錄的cookie文件將被刪除。因此關(guān)閉瀏覽器，再次打開的話彈出窗口還會(huì)出現(xiàn)的，從而確保了在原有的窗口基礎(chǔ)上只打開一個(gè)窗口。
<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讓瀏覽器記住這個(gè)頁面已經(jīng)打開過一次，如果再次引用這個(gè)頁面已經(jīng)打開一次了，如果再次引用這個(gè)頁面的話將不進(jìn)行打開。而瀏覽器一旦關(guān)閉瀏覽器，保存這個(gè)記錄的cookie文件將被刪除。因此關(guān)閉瀏覽器，再次打開的話彈出窗口還會(huì)出現(xiàn)的，從而確保了在原有的窗口基礎(chǔ)上只打開一個(gè)窗口。
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
這篇文章主要介紹了紅米手機(jī)搶購時(shí)返回的js代碼，制作紅米搶購軟件時(shí)可以用到，,需要的朋友可以參考下2014-03-03
本文詳細(xì)介紹了DOM的概念和常用操作，文檔對(duì)象模型 (DOM) 是 HTML 和 XML 文檔的編程接口。它提供了對(duì)文檔的結(jié)構(gòu)化的表述，并定義了一種方式可以使從程序中對(duì)該結(jié)構(gòu)進(jìn)行訪問，從而改變文檔的結(jié)構(gòu)，樣式和內(nèi)容，感興趣的朋友可以參考閱讀本文2023-04-04
微信小程序按鈕點(diǎn)擊動(dòng)畫效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序按鈕點(diǎn)擊動(dòng)畫效果的實(shí)現(xiàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
JavaScript實(shí)現(xiàn)選中文字提示新浪微博分享效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)選中文字提示新浪微博分享效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
Javascript四舍五入Math.round()與Math.pow()使用介紹
本文為大家介紹下Javascript中的四舍五入Math.round()與Math.pow()的使用，感興趣的朋友不要錯(cuò)過2013-12-12
JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)雙擊屏幕滾動(dòng)效果代碼,涉及JavaScript鼠標(biāo)事件的響應(yīng)及頁面元素屬性的動(dòng)態(tài)變換技巧,需要的朋友可以參考下2015-10-10
這篇文章主要通過一個(gè)實(shí)例，簡單介紹了javascript arguments使用方法，小伙伴們參考下。2014-12-12
WebSocket是一種在單個(gè)TCP連接上進(jìn)行全雙工通信的協(xié)議，它可以讓客戶端和服務(wù)器之間進(jìn)行實(shí)時(shí)的雙向通信，這篇文章主要介紹了前端使用websocket發(fā)送消息的示例代碼,需要的朋友可以參考下2023-07-07
探析瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序
本文主要基于向HTML頁面引入JavaScript的幾種方式，分析HTML中JavaScript腳本的執(zhí)行順序問題，通過本文給大家分享瀏覽器執(zhí)行JavaScript腳本加載與代碼執(zhí)行順序，對(duì)瀏覽器執(zhí)行javascript及執(zhí)行順序相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
uniapp項(xiàng)目引入?js文件以及全局使用方法
這篇文章主要給大家介紹了關(guān)于uniapp項(xiàng)目引入?js文件以及全局使用方法的相關(guān)資料,在Uniapp中引入JS文件是一項(xiàng)常見的操作,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12