Cookie记住上次访问的顶级导航

时间:2015-11-02 23:23:17

标签: javascript jquery html css cookies

现在在网上阅读这么多内容,而不会对主题有任何明智之处。 或者对cookie如何运作有点明智 - 但是真的在与这种情况下的任何jquery / js斗争。

以下是这种情况: 我有一个有树目标群体的网站:客户,同事,供应商。 那也是主要导航客户端|同事|厂商

完全没有三个不同的目标群体看彼此的页面,但我想要一个触发顶部横幅的功能(例如固定,顶部:0);询问用户"Would you like to visit the page for {based on where you where the last time you left off}".

  • 域名结构为domain.com/clients,domain.com/co-workers等...

  • 无需登录即可识别用户。 (我想要一个“横幅”只是提醒用户可能在错误的位置的原因。)

  • 如果没有可用的cookie,是否可以激活其他横幅/模态/消息,例如:“欢迎新用户。您是供应商吗? - 看看...... bla bla”。 只是为了让用户意识到差异。
  • 自己的饼干......
    • 长期到期,
    • 如果用户下次“离开”另一个级别,则可以更新。可能吗?

请帮帮我:)。

1 个答案:

答案 0 :(得分:0)

如果您问我,Cookie是非常过时的技术,您应该查看localStorage(所有浏览器都有full support

LocalStorage只是一个对象,您添加到其中的所有内容都将存储在您的域中,以便您可以这样做

if (localStorage.userType) {
  switch (localStorage.userType) {
     case 'vendor': ... break;
     case 'client': ... break;
     case 'co-worker': ... break;
     default: // Invalid userType stored, probably best to just clear it:
       delete localStorage.userType;
  }
} else {
  localStorage.userType = prompt('What type of user are you? (client | vendor | co-worker)');
}

localStorage会无限期地存储,即使您关闭/刷新页面,并且它在您域下的所有页面之间共享,并且可以存储比cookie更多的数据