gpt4 book ai didi

javascript - 如何在 JavaScript 中使用 cookie 来记住用户是否单击了 'don' t 再次显示给我”

转载 作者:行者123 更新时间:2023-11-30 06:54:00 27 4
gpt4 key购买 nike

我创建了一个弹出对话框,提示用户访问我们的 Facebook、Twitter 或只需单击“不再向我显示”

我只是在很短的时间内实现这个,因为它不会变得太烦人,但我不希望每次他们刷新页面时它都会弹出。

我已经用 JavaScript 查看了 cookie,但我似乎无法让它与我的代码一起工作。

我的 JS 代码如下所示:

    function popUp(div){
document.getElementById(div).style.display='block';
return false;
}
function hide(div){
document.getElementById(div).style.display='none';
return false;
}

我的 HTML 看起来像这样:

<body onLoad="return popUp('pop')">

<div id="pop" class="disableBackground">
<div id="popup">
<h1 title="Social">You can also find us here</h1>
<div class="arrow-down"></div>
<br />
<a class="btn-connect-option facebook badge-facebook-connect" href="http://facebook.com" target="_blank">Facebook</a>
<a class="btn-connect-option twitter" href="http://twitter.com/" target="_blank">Twitter</a>
<div class="clear"></div>
<p onClick="return hide('pop')" style="cursor: pointer">Don't show me this again</p>
</div>
</div>

我不希望您对我的需求进行编码,我只是非常感谢您提供有关如何实现这一目标的指导。

非常感谢!

最佳答案

如果我们 search 中寻找答案包含 getcookiesetcookie 的标签有足够的结果来构建我们的函数:

enter image description here

<html>
<head>
<script>
var our_cookie_name = 'popupdiv';
function popUp( div ) {
if( getCookie( our_cookie_name ) != div )
document.getElementById(div).style.display='block';
return false;
}
function hide( div ) {
setCookie( our_cookie_name, div );
document.getElementById(div).style.display='none';
return false;
}
function setCookie( name, value, days ) {
var expires = "";
if ( days ) {
var date = new Date();
date.setTime( date.getTime() + (days*24*60*60*1000) );
var expires = "; expires=" + date.toGMTString();
}
document.cookie = name + "="+value+expires+"; path=/";
}
function getCookie( name ) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for( var i=0; i < ca.length; i++ ) {
var c = ca[i];
while ( c.charAt(0) == ' ' )
c = c.substring(1,c.length);
if ( c.indexOf(nameEQ) == 0 )
return c.substring( nameEQ.length, c.length );
}
return null;
}
function eraseCookie( name ) {
setCookie( name, "", -1 );
}
</script>
</head>
<body onLoad="popUp('popup-container')">
<small><a href="javascript:eraseCookie(our_cookie_name)">Clear cookie</a></small>
<hr />
<div id="popup-container" class="disableBackground" style="display:none">
<div id="popup">
<h1 title="Social">You can also find us here</h1>
<div class="arrow-down"></div>
<br />
<a class="btn-connect-option facebook badge-facebook-connect" href="http://facebook.com" target="_blank">Facebook</a>
<a class="btn-connect-option twitter" href="http://twitter.com/" target="_blank">Twitter</a>
<div class="clear"></div>
<p onClick="return hide('popup-container')" style="cursor: pointer">Don't show me this again</p>
</div>
</div>
</body>
</html>

关于javascript - 如何在 JavaScript 中使用 cookie 来记住用户是否单击了 'don' t 再次显示给我”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19215416/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com