javascript - 基于点击菜单的 HTML5 主页

Question

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

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

// 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");
}

HTML - 主页

<a href="<?php echo site_url()."/sport/football/"?>" onclick="homepage_football()">
 <a href="<?php echo site_url()."/sport/basketball/"?>" onclick="homepage_basketball()">
 <a href="<?php echo site_url()."/sport/netball/"?>" onclick="homepage_netball()">

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()