如何重新加载当前页面并记住切换 class

Question

我正在阅读 flickr api 列表，并使用一些标准 javascript 动态输出为无序列表格式。我添加了使您能够将 'selected' class 切换到列表的功能。

如何将 cookie 添加到代码中以帮助记住刷新页面时我选择了哪些列表项？

http://codepen.io/coolkingkhan/pen/PZvPOB

只有纯javascript请IE8+

****** Javascript 代码 *******

(function () {

  var tags = 'london',
    label = 'Small 320',
script = document.createElement( 'script' );

    script.src ='http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=cb&tags=' + tags + '&label=' + label;
    document.head.appendChild(script);

})();

function cb(data) {
  // output the flickr images from api into img element within an unordered list
  var output='<ul>';
  for (var i=0; i < 9; i++) { 
    var imgURL = data.items[i].media.m;
    output+='<li class="flickrlistitem">' + '<img src=' + imgURL + '/>' + '</li>';
  }
  output+='</ul>';
  document.getElementById('flickrfeed').innerHTML = output;

  // add click event on all items with the classname flickrlistitem
  var anchor = document.querySelectorAll('.flickrlistitem');                
    for (var i=0; i < anchor.length; i++){
        anchor[i].addEventListener("click", function(){
          this.classList.toggle('selected');
        }, false);
    }   
}

****** HTML 代码 *******

<div class="main-container">
  <div id="flickrfeed">
  </div>
</div>

Answer 1

几分钟前有一个类似的问题：

基本上，当页面重新加载时，他们会设置一个 cookie 以便稍后读取……这种方法应该有效。

如何重新加载当前页面并记住切换 class

How to reload current page and remember toggled class

javascript

cookies

session-storage