网站加载时显示“Div X”，但当用户从子页面 X 重定向到主页时不显示？

Question

我创建了一个网站，当主页index.html 加载时，它会显示一个打开动画。不是什么壮观的东西，但反复看到它可能会变得很烦人。

目前，只要用户打开index.html，他/她就会看到动画。这包括输入 URL、从 Google 或任何内部页面导航。

有没有一种方法可以设置，以便当用户手动（或通过 Google 等）导航到 URL 时显示动画（div X），但是当用户从 /contact 导航回 /home（索引.html) 动画不显示？

这将大大减少反复观看动画并改善体验。

我不介意当用户刷新浏览器时动画是否再次显示。用户每次打开新会话时都应该再次看到动画；因此，在他关闭并重新打开网站后。它应该只适用于当前会话。

Answer 1

将extractDomain()函数从this answer应用到document.referrer（您应该read more here），然后将其结果与您的域名进行比较应该告诉你用户来自哪里。

再一次，这种方法远非可靠。相反，我建议在他们第一次访问时创建一个 cookie。通过这样做，您可以检查您的用户是否已经有一个 cookie：如果他们没有，播放介绍并创建一个 cookie，如果有，不要显示它。

如果您想知道如何实现这样的功能，请阅读this answer about creating and reading cookies。