基于点击菜单的HTML5主页
基于点击菜单的HTML5主页
提问于 2016-05-16 20:07:17
我有一个非常简单的体育网站，在那里的主页有不同的运动，如足球，篮球，投篮等的链接。我想要的是，当用户点击足球，该值将被存储，以便下一次访问者到达页面时，它将打开足球页面。
到目前为止，我已经尝试使用html5本地存储，但我看不到它能工作。
// 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()">Stack Overflow用户
发布于 2016-05-16 20:18:08
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37253570
复制相关文章
相似问题
腾讯云开发者
