HTML | DOM 存储长度属性

HTML DOM 中的Storage length 属性用于返回存储在 Storage Object 中的项目数。 Storage 对象包括localStorage或sessionStorage 。

句法：
获取存储长度属性。

object.length

返回值：它返回一个数字，指示当前存储对象中的项目数。

示例 1：在 localStorage 对象上使用。

  

    DOM Storage length

  

    
      GeeksForGeeks
  
    DOM Storage length
    Click on the buttons below to add/clear
      items and check the current number 
      of items in localStorage
  
    Total Items: 
    
      Add 50 items
  
    
      Clear all items
  
    
      Get Storage length
  
     
    
        // To set item.
        function addItem(values) {
            for (i = 0; i < values; i++)
                localStorage.setItem(i, 'item ' + i);
        }
  
        // To clear item.      
        function clearItems() {
            localStorage.clear();
        }
  
        // To return the number of items.
        function getStorageLength() {
            totalItems = localStorage.length;
            document.querySelector('.output').textContent = 
            totalItems;
        }
    

  

输出：添加 50 个元素并单击按钮后。

示例 2：在 sessionStorage 对象上使用

  

    DOM Storage length

  

    
      GeeksForGeeks
  
    DOM Storage length
    
      Click on the buttons below to add/clear
      items and check the current number of
      items in sessionStorage
  
    Total Items: 
    Add 10 items
    Clear all items
    
      Get Storage length
  
     
  
    
        function addItem(values) {
            for (i = 0; i < values; i++)
                sessionStorage.setItem(i, 'item ' + i);
        }
  
        function clearItems() {
            sessionStorage.clear();
        }
  
        function getStorageLength() {
            totalItems = sessionStorage.length;
            document.querySelector('.output').textContent = 
              totalItems;
        }
    

  

输出：添加 10 个元素并单击按钮后。

支持的浏览器： Storage length属性支持的浏览器如下：

• 谷歌浏览器 4.0
• 浏览器 8.0
• 火狐 3.5
• 歌剧 10.5
• Safari 4.0