HTML5主頁基於菜單點擊

我有一個非常簡單的體育網站，其中的主頁有不同的體育項目，如足球，籃球，網球等的鏈接。我想要的是當用戶點擊足球時，要存儲的價值，以便下次訪問者進入頁面時，將打開足球頁面。HTML5主頁基於菜單點擊

到目前爲止我嘗試使用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()">

來源

2016-05-16 bobin56

你是如何將用戶重定向？ –

顯示您正在使用的HTML。 – Justinas

你應該嘗試一些類似如下：

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

來源

2016-05-16 12:13:56

感謝您的貢獻。我更新了我的問題的HTML部分，我希望當用戶點擊主頁上的鏈接時，應該爲主頁設置一個本地存儲。用戶也可以更改主頁。我是否需要爲每個鏈接使用多個功能？我如何更新本地存儲項目？請幫助 – bobin56

我已經嘗試過你的解決方案，但它返回URL中的undefined。你能否檢查我的最新問題並提出相應的建議。再次感謝:-) – bobin56

<script> 
function clickCounter() { 
    if(typeof(Storage) !== "undefined") { 
     if (localStorage.clickcount) { 
      localStorage.clickcount = Number(localStorage.clickcount)+1; 
     } else { 
      localStorage.clickcount = 1; 
     } 
     document.getElementById("result").innerHTML = "You have clicked the button " + localStorage.clickcount + " time(s)."; 
    } else { 
     document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage..."; 
    } 
} 
</script> 

<p><button onclick="clickCounter()" type="button">Click me!</button></p> 
<div id="result"></div>

來源

2016-05-16 12:18:07 Dimppy

這與這個問題有什麼關係？ – empiric

HTML5主頁基於菜單點擊

回答

相關問題