HTML5主页基于菜单点击

Question

我有一个非常简单的体育网站，主页上有足球，篮球，无板篮球等不同运动的链接。我想要的是当用户点击足球时，要存储的值，以便下次访问者到达页面时它将打开足球页面。

到目前为止，我尝试使用html5 localstorage，但我看不到它的工作原理。

ContextLoaderListener

HTML - 主页

// Check browser support
if (typeof(Storage) !== "undefined") {
    // Store

    localStorage.setItem("homepage", "index");
    // Retrieve
    document.getElementById("result").innerHTML = localStorage.getItem("homepage");
} else {
    //document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}

function homepage_football(){
  localStorage.setItem("homepage", "football");
}

Answer 1

您应该尝试以下内容：

setHomepage(page) {
  localStorage.setItem('homepage', page)
}

redirectHomepage() {
  let page = localStorage.getItem('homepage')
  page && (window.location.href = page)
}

// on open of `football` page
setHomepage('football')

// on index load
redirectHomepage()

Answer 2

return bar;