HTML | DOM 本地存储 clear() 方法

clear() 方法删除当前域的所有存储对象项。
句法：

localStorage.clear()

属性值：
无属性值

示例：为当前域设置项、清除和显示。

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
  
    HTML DOM Storage clear() Method
  
    
      Example to demonstrate the use of storage
      clear() method to delete all the local 
      storage items for this domain.
    
  
    
      Script to create some local storage items.
      Click the button to create the items:
    
  
    
        Create local storage items
    
  
    Display Items
  
    
      Click the button to display all the items:
    
  
    
      Display items
    
    
  
    Remove Items
  
    
      Click the button to clear the storage:
    
  
    
      Clear
    
  
    Display Items Again
  
    
      Click the button to display all the items:
    
  
    
      Display again
    
    
  
    
        function createItems() {
  
            // Set item in local storage.
            localStorage.setItem("GeeksForGeeks", "");
            localStorage.setItem("HTML DOM", "");
            localStorage.setItem("Storage Clear() Method", "");
        }
  
        function deleteItems() {
            // Clear local storage items.
            localStorage.clear();
        }
  
        function displayItems() {
            var l, i;
            // Display items.
            document.getElementById("demo").innerHTML = "";
            for (i = 0; i < localStorage.length; i++) {
                x = localStorage.key(i);
                document.getElementById("demo").innerHTML += x;
            }
        }
    
  

  

输出：

支持的浏览器： DOM Local Storage clear()支持的浏览器如下：

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