Skip to content

Commit b3159bd

Browse files
committed
storages
1 parent a787868 commit b3159bd

2 files changed

Lines changed: 49 additions & 0 deletions

File tree

โ€Ž6.storages/index.htmlโ€Ž

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
</head>
8+
<body>
9+
<script src="storages.js"></script>
10+
</body>
11+
</html>

โ€Ž6.storages/storages.jsโ€Ž

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
// Local storage, Session storage, Cookies -> แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ˜แƒก แƒกแƒแƒชแƒแƒ•แƒ”แƒ‘แƒ˜ (แƒ˜แƒœแƒแƒฎแƒแƒ•แƒ”แƒœ แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒแƒก แƒ“แƒ แƒแƒ”แƒ‘แƒ˜แƒ— แƒแƒœ แƒกแƒแƒ›แƒฃแƒ“แƒแƒ›แƒแƒ“)
2+
3+
// Local storage -> แƒ˜แƒœแƒแƒฎแƒแƒ•แƒก แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒแƒก แƒ’แƒ แƒซแƒ”แƒšแƒ•แƒแƒ“แƒ˜แƒแƒœแƒแƒ“, แƒ›แƒแƒœแƒแƒ› แƒกแƒแƒœแƒแƒ› แƒ›แƒแƒ›แƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ”แƒšแƒ˜ แƒแƒ  แƒฌแƒแƒจแƒšแƒ˜แƒก แƒฅแƒ”แƒจแƒก.
4+
// แƒแƒฅแƒ•แƒก offline แƒ แƒ”แƒŸแƒ˜แƒ›แƒ˜แƒก แƒ›แƒฎแƒแƒ แƒ“แƒแƒญแƒ”แƒ แƒ, แƒจแƒ”แƒฃแƒซแƒšแƒ˜แƒ แƒจแƒ”แƒ˜แƒœแƒแƒฎแƒแƒก แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ แƒกแƒ”แƒกแƒ˜แƒ˜แƒก แƒ‘แƒแƒšแƒแƒ›แƒ“แƒ”, แƒจแƒ”แƒฃแƒซแƒšแƒ˜แƒ แƒแƒžแƒšแƒ˜แƒ™แƒแƒชแƒ˜แƒ˜แƒก แƒกแƒขแƒแƒขแƒฃแƒกแƒ˜แƒก แƒจแƒ”แƒœแƒแƒฎแƒ•แƒ
5+
// scope - แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ แƒ•แƒ แƒชแƒ”แƒšแƒ“แƒ”แƒ‘แƒ แƒ›แƒ—แƒšแƒ˜แƒแƒœ แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ–แƒ” (แƒขแƒแƒ‘แƒ”แƒ‘แƒก แƒจแƒแƒ แƒ˜แƒก แƒแƒฅแƒ•แƒก แƒ’แƒแƒ–แƒ˜แƒแƒ แƒ”แƒ‘แƒฃแƒšแƒ˜ แƒ“แƒแƒขแƒ). แƒแƒ  แƒแƒฅแƒ•แƒก แƒ™แƒแƒ›แƒฃแƒœแƒ˜แƒ™แƒแƒชแƒ˜แƒ แƒกแƒ”แƒ แƒ•แƒ”แƒ แƒ—แƒแƒœ
6+
7+
localStorage.setItem("userID", "Nino Tsiklauri"); // แƒ›แƒแƒœแƒแƒชแƒ”แƒ›แƒ˜แƒก แƒจแƒ”แƒœแƒแƒฎแƒ•แƒ: key: "userID"; value: "Nino Tsiklauri"
8+
const userName = localStorage.getItem("userID");
9+
console.log(userName); // Nino Tsiklauri
10+
11+
localStorage.removeItem("userID");
12+
localStorage.clear(); // แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒ›แƒ—แƒšแƒ˜แƒแƒœแƒแƒ“ แƒ’แƒแƒกแƒฃแƒคแƒ—แƒแƒ•แƒ”แƒ‘แƒ
13+
14+
15+
// Session storage -> แƒ›แƒแƒœแƒแƒชแƒ”แƒ›แƒ”แƒ‘แƒ˜ แƒ˜แƒœแƒแƒฎแƒ”แƒ‘แƒ แƒ›แƒฎแƒแƒšแƒแƒ“ แƒ”แƒ แƒ—แƒ˜ แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ˜แƒก แƒกแƒ”แƒกแƒ˜แƒ˜แƒก แƒ’แƒแƒœแƒ›แƒแƒ•แƒšแƒแƒ‘แƒแƒจแƒ˜ (แƒ•แƒ”แƒ‘-แƒ’แƒ•แƒ”แƒ แƒ“แƒ˜แƒก แƒ’แƒแƒฎแƒกแƒœแƒ˜แƒ“แƒแƒœ แƒ“แƒแƒฎแƒฃแƒ แƒ•แƒแƒ›แƒ“แƒ”),
16+
// แƒแƒฅแƒ•แƒก local storage-แƒ–แƒ” แƒœแƒแƒ™แƒšแƒ”แƒ‘แƒ˜ แƒ›แƒแƒชแƒฃแƒšแƒแƒ‘แƒ. local storage-แƒ˜แƒก แƒ›แƒกแƒ’แƒแƒ•แƒกแƒแƒ“ แƒฌแƒ•แƒ“แƒแƒ›แƒ แƒแƒฅแƒ•แƒก แƒ›แƒฎแƒแƒšแƒแƒ“ แƒ›แƒ˜แƒ›แƒ“แƒ˜แƒœแƒแƒ แƒ” แƒ“แƒแƒ›แƒ”แƒ˜แƒœแƒ–แƒ”,
17+
// แƒ แƒแƒ›แƒ”แƒšแƒ˜แƒช แƒ’แƒแƒฎแƒกแƒœแƒ˜แƒšแƒ˜แƒ แƒ™แƒแƒœแƒ™แƒ แƒ”แƒขแƒฃแƒšแƒ˜ แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ˜แƒก แƒขแƒแƒ‘แƒจแƒ˜. session storage-แƒจแƒ˜ แƒจแƒ”แƒœแƒแƒฎแƒฃแƒšแƒ˜ แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ แƒกแƒ”แƒ แƒ•แƒ”แƒ แƒ–แƒ” แƒแƒ  แƒ˜แƒ’แƒ–แƒแƒ•แƒœแƒ”แƒ‘แƒ
18+
// scope - แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ แƒ•แƒ แƒชแƒ”แƒšแƒ“แƒ”แƒ‘แƒ แƒ›แƒฎแƒแƒšแƒแƒ“ แƒ™แƒแƒœแƒ™แƒ แƒ”แƒขแƒฃแƒš แƒขแƒแƒ‘แƒ–แƒ”.
19+
20+
sessionStorage.setItem("userID2", "Nino Tsiklauri"); // แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒ“แƒแƒกแƒ”แƒขแƒ•แƒ
21+
sessionStorage.getItem("userID2"); // แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒ›แƒ˜แƒฆแƒ”แƒ‘แƒ
22+
sessionStorage.removeItem("userID2"); // แƒ™แƒแƒœแƒ™แƒ แƒ”แƒขแƒฃแƒšแƒ˜ แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒฌแƒแƒจแƒšแƒ
23+
sessionStorage.clear(); // แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒ›แƒ—แƒšแƒ˜แƒแƒœแƒแƒ“ แƒ’แƒแƒกแƒฃแƒคแƒ—แƒแƒ•แƒ”แƒ‘แƒ
24+
25+
26+
// Cookies storage -> แƒ’แƒแƒ›แƒแƒ˜แƒงแƒ”แƒœแƒ”แƒ‘แƒ แƒกแƒ”แƒ แƒ•แƒ”แƒ แƒกแƒ แƒ“แƒ แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒก แƒจแƒแƒ แƒ˜แƒก แƒ˜แƒœแƒคแƒแƒ แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒ’แƒแƒกแƒแƒชแƒ•แƒšแƒ”แƒšแƒแƒ“. แƒžแƒแƒขแƒแƒ แƒ แƒขแƒ”แƒฅแƒกแƒขแƒฃแƒ แƒ˜ แƒคแƒแƒ˜แƒšแƒ˜,
27+
// แƒ แƒแƒ›แƒ”แƒšแƒกแƒแƒช แƒกแƒ”แƒ แƒ•แƒ”แƒ แƒ˜ แƒฃแƒ’แƒ–แƒแƒ•แƒœแƒ˜แƒก แƒ›แƒแƒ›แƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒšแƒ˜แƒก แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒก, แƒ‘แƒ แƒแƒฃแƒ–แƒ”แƒ แƒ˜ แƒ˜แƒœแƒแƒฎแƒแƒ•แƒก แƒ“แƒ แƒงแƒแƒ•แƒ”แƒš แƒ›แƒแƒ›แƒ“แƒ”แƒ•แƒœแƒ แƒ›แƒแƒ—แƒฎแƒแƒ•แƒœแƒแƒ–แƒ” แƒ˜แƒ›แƒแƒ•แƒ” แƒกแƒ”แƒ แƒ•แƒ”แƒ แƒ–แƒ”
28+
// แƒแƒ•แƒขแƒแƒ›แƒแƒขแƒฃแƒ แƒแƒ“ แƒฃแƒ’แƒ–แƒแƒ•แƒœแƒ˜แƒก แƒ›แƒแƒก แƒฃแƒ™แƒแƒœ. แƒแƒฅแƒ•แƒก แƒ›แƒชแƒ˜แƒ แƒ” แƒ›แƒแƒชแƒฃแƒšแƒแƒ‘แƒ (แƒ“แƒแƒแƒฎ: 4kb). แƒจแƒ”แƒกแƒแƒซแƒšแƒ”แƒ‘แƒ”แƒšแƒ˜แƒ แƒ•แƒแƒ“แƒ˜แƒก แƒ’แƒแƒœแƒกแƒแƒ–แƒฆแƒ•แƒ แƒ
29+
30+
// แƒ’แƒแƒ›แƒแƒงแƒ”แƒœแƒ”แƒ‘แƒ: แƒ›แƒแƒ›แƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒšแƒ˜แƒก แƒแƒ•แƒขแƒแƒ แƒ˜แƒ–แƒแƒชแƒ˜แƒ˜แƒก แƒกแƒขแƒแƒขแƒฃแƒกแƒ˜แƒก แƒจแƒ”แƒœแƒแƒฎแƒ•แƒ, แƒ›แƒแƒ›แƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ”แƒšแƒก แƒแƒ•แƒแƒ แƒฉแƒ”แƒ•แƒ˜แƒœแƒแƒ— แƒ”แƒœแƒ, แƒกแƒแƒ แƒ”แƒ™แƒšแƒแƒ›แƒ แƒ›แƒ˜แƒ–แƒœแƒ”แƒ‘แƒ˜แƒกแƒ—แƒ•แƒ˜แƒก
31+
// แƒ›แƒแƒ›แƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒšแƒ˜แƒก แƒแƒฅแƒขแƒ˜แƒ•แƒแƒ‘แƒแƒ–แƒ” แƒ—แƒ•แƒแƒšแƒงแƒฃแƒ แƒ˜แƒก แƒ“แƒ”แƒ•แƒœแƒ”แƒ‘แƒ
32+
33+
// cookies แƒ“แƒแƒงแƒ”แƒœแƒ”แƒ‘แƒ
34+
document.cookie = "username=JohnDOE; expires=THU, 18 Dec 2025 12:00 GMT; PATH=/";
35+
36+
// แƒงแƒ•แƒ”แƒšแƒ cookies แƒฌแƒแƒ™แƒ˜แƒ—แƒฎแƒ•แƒ
37+
let cookies = document.cookie
38+
console.log(cookies);

0 commit comments

Comments
ย (0)