javascript - 如何在首次站点访问时制作 Javascript 弹出框？

Question

我试图在谷歌上搜索这个，但我不知道它实际上叫什么。它基本上是一个框，在您第一次访问网站时（使用 cookie）淡出屏幕，右上角有一个 X 允许用户关闭它。谁能告诉我这实际上叫什么，或者告诉我怎么做？谢谢。

Answer 1

使用 JavaScript，您需要一些函数来获取和设置 cookie。

获取 Cookie 信息

function getCookie(c_name) { var i,x,y,ARRcookies=document.cookie.split(";"); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x==c_name) { return unescape(y); } } }

设置 Cookie 信息

function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; }

现在检查 cookie 并显示弹出框

function checkCookie() { var popup=getCookie("popup"); if (popup==null && popup=="") { document.getElementById("popupDivID").style.display="block"; }

HTML 部分

<div id="popupDivID" style="display:none;position:absolute;top:20%;left:15%;background-color:#fff;width:500px;height:300px;">POPUP Content and Close Icon</div>

您必须在 body onload 上调用 checkCookie() 函数。如果您需要 jQuery 解决方案，请遵循 @Jayantha 的解决方案。

Answer 2

您可以使用 jquery 检查 cookie 的存在并设置一个 cookie（如果它不存在）。

  if( $.cookie("visited")!='visited'){
       $.cookie("visited", "visited"); 
       $('#dialogDivId').dialog();
  }

如果

<div id="dialogDivId">

It's your first visit...
</div>