HTML DOM Storage length属性用法及代码示例

HTML DOM Storage length 属性用于获取浏览器存储对象中存在的项目数。存储对象可以是 localStorage 对象或 sessionStorage 对象。

用法

以下是语法 -

使用 localStorage 对象的存储长度属性 -

localStorage.length;

使用 sessionStorage 对象的存储长度属性

sessionStorage.length;

示例

让我们看一下存储长度属性的示例 -

<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage length property example</h1>
<p>Get how many storage items are stored in the local storage object by clicking the below button</p>
<button onclick="itemNum()">GET NUMBER</button>
<p id="Sample"></p>
<script>
   function itemNum() {
      var num = localStorage.length;
      document.getElementById("Sample").innerHTML = "Number of storage items are "+num;
   }
</script>
</body>
</html>

输出

这将产生以下输出 -

点击获取号码 -

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM Storage length property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。