个人中心
gpt4 book ai didi

cookies - 如何仅在第一次访问网站时开始 intro.js 之旅

转载 作者：行者123 更新时间：2023-12-02 16:10:08 26 4
gpt4 key购买 nike

我已经实现了intro.js到我的网站。但我只想在第一次访问时开始旅行。可能是通过使用cookie..网站是用html而不是php制作的..

最佳答案

JavaScript cookie 是一种解决方案，但我应该指出它只有在用户保留 cookie 的情况下才有效。

//set the cookie when they first hit the site
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;
}

//check for the cookie when user first arrives, if cookie doesn't exist call the intro.
function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
  {
  c_start = c_value.indexOf(c_name + "=");
  }
if (c_start == -1)
  {
  c_value = null;
  }
else
  {
  c_start = c_value.indexOf("=", c_start) + 1;
  var c_end = c_value.indexOf(";", c_start);
  if (c_end == -1)
  {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}

代码来自http://www.w3schools.com/js/js_cookies.asp

显然，您必须在那里填写一些空白，但这是在 javascript 中使用 cookie 的一个很好的起点。

编辑:

所以你想创建一个新函数，将其放在头部，脚本标签内(如果你已经有它们，只需将函数复制到那里(你需要将我在脚本中提供的其他两个函数标签也))。该函数将检查您是否有 cookie。如果你这样做了，就回来吧。如果不这样做，请创建 cookie 并运行介绍，

<head>
<script type="text/javascript">
function checkCookieIntro(){
   var cookie=getCookie("mySite");

   if (cookie==null || cookie=="") {
      setCookie("mySite", "1",90);
      runIntro();  //change this to whatever function you need to call to run the intro
      }
}

</script>
</head>

现在将你的 body 改变为:

<body onload="checkCookieIntro()">

因此，当正文加载时，它将检查 cookie 是否存在，如果不存在，则创建一个值为 1 的 cookie，该 cookie 将持续 90 天(除非用户删除它)，然后运行介绍。如果 cookie 确实存在并具有值，则它不会执行任何操作。

关于cookies - 如何仅在第一次访问网站时开始 intro.js 之旅，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19262176/

26 4 0
文章推荐： javascript - 为什么动态值不会以这种形式打印？
文章推荐： python - 我怎样才能使它对大型项目列表更具可扩展性？
文章推荐： javascript - Javascript 可以编译并运行而不是被解释吗？
文章推荐： java - 从 Java 调用 Kotlin(找不到符号)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com