Computer >> Máy Tính >  >> Lập trình >> HTML

Phương thức clear () HTML DOM Local Storage

Phương thức HTML DOM Local Storage clear () được sử dụng để xóa toàn bộ các mục lưu trữ cục bộ.

Cú pháp

Sau đây là cú pháp -

localStorage.clear()

Hoặc

sessionStorage.clear()

Ví dụ

Hãy để chúng tôi xem một ví dụ cho phương thức LocalStorage () tài sản -

<!DOCTYPE html>
<html>
<head>
<title>LocalStorage clear()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
   table,th,td {
      border:1px solid black;
      border-collapse: collapse;
      margin: 0 auto;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>LocalStorage clear( )</legend>
<table>
<tr>
<th>Key</th>
<th>Value</th>
</tr>
<tr>
<td>PassKey</td>
<td>ja12ertplo</td>
</tr>
</table>
<input type="button" value="Store Key" onclick="storeData()">
<input type="button" value="Delete Key" onclick="clearData()">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var extStyle = document.getElementById("extStyle");
   function clearData(){
      localStorage.clear();
      divDisplay.textContent = 'Succesfully Deleted';
   }
   function storeData(){
      localStorage.setItem('PassKey','ja12ertplo');
      divDisplay.textContent = 'Succesfully Stored';
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Sau khi nhấp vào ‘Khoá cửa hàng’ nút -

Phương thức clear () HTML DOM Local Storage

Sau khi nhấp vào ‘Xóa khóa’ nút -

Phương thức clear () HTML DOM Local Storage