菜鸟教程 tryhtml5_webstorage_local_clickcount 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <meta charset="utf-8">&nbsp;
<title>W3Cschool在线教程()</title>&nbsp;	
<script>
function clickCounter()
{
	if(typeof(Storage)!=="undefined")
	{
		if (localStorage.clickcount)
		{
			localStorage.clickcount=Number(localStorage.clickcount)+1;
		}
		else
		{
			localStorage.clickcount=1;
		}
		document.getElementById("result").innerHTML=" 你已经点击了按钮 " + localStorage.clickcount + " 次 ";
	}
	else
	{
		document.getElementById("result").innerHTML="对不起,您的浏览器不支持 web 存储。";
	}
}
</script>


<p><button onclick="clickCounter()" type="button">点我!</button></p>
<div id="result"></div>
<p>点击该按钮查看计数器的增加。</p>
<p>关闭浏览器选项卡(或窗口),重新打开此页面,计数器将继续计数(不是重置)。</p>

</meta charset="utf-8">