HTML5 Web 存储详解

2020-04-21 23:17:42易采站长站整理

JavaScript Code复制内容到剪贴板

<!DOCTYPE HTML>   
<html>   
<body>   
  
<script type="text/javascript">   
  
sessionStorage.lastname="Smith";   
document.write(sessionStorage.lastname);   
  
</script>   
  
</body>   
</html>  

下面的例子对用户在当前 session 中访问页面的次数进行计数:

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  
<html>  
<body>  
  
<script type="text/javascript">  
  
if (sessionStorage.pagecount)   
    {   
    sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;   
    }   
else   
    {   
    sessionStorage.pagecount=1;   
    }   
document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");   
  
</script>    
  
<p>刷新页面会看到计数器在增长。</p>  
  
<p>请关闭浏览器窗口,然后再试一次,计数器已经重置了。</p>  
  
</body>  
</html>  

以上这篇HTML5 Web 存储详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。