Question

我有这个项目：

<li><a style="display: none">Movie</a><div id="movie-item" class="filterDiv thriller science-fiction action horror war 2018"></div></li>

以及一个允许您将该项目保存在“收藏夹”中的按钮：

<button onclick="document.getElementById('movie-item').item.classList.add('favorites');">Mark as favorite</button>

这很完美，因为当我单击“收藏夹”部分时，该项目会正确显示！但是问题是：我想创建一个Cookie，以保存该项目被标记为收藏夹。

示例：https://codepen.io/anon/pen/GzOmNe#anon-login

有人可以帮助我吗？谢谢

Answer 1

我不建议使用Cookie。您应该改用localStorage。

function saveFav () {

  document.getElementById('movie-item').classList.add('favorites');
  
  // Save
  localStorage.setItem('favorites', 'movie');
  // Get
  var fav = localStorage.getItem('favorites');
  console.log(fav);
}

<li><a style="display: none">Movie</a><div id="movie-item" class="filterDiv thriller science-fiction action horror war 2018"></div></li>

<button onclick="saveFav()">Mark as favorite</button>

Answer 2

您可以通过此行创建Cookie

document.cookie = "cookieName=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

将项目添加到收藏夹并将其保存在Cookie中

2 个答案: