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 -
Sau khi nhấp vào ‘Xóa khóa’ nút -