localstorage
客戶端關機後，再開機資料還在。(除非客戶自行清除瀏覽資料)
Php 無法讀客戶端的紀錄，所以需要用javascript
stores data with no expiration date
localstorage
客戶端關機後，再開機資料還在。(除非客戶自行清除瀏覽資料)
Php 無法讀客戶端的紀錄，所以需要用javascript
stores data with no expiration date
localstorage
localstorage生命周期可以很長
客戶端關機後，session還在
此範例是我之前輸入aa
關機並重新關機後~
我沒有再重新輸入資料及點擊
而是直接點「點擊呼叫名字」又跑出aa了
localstorage
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>localstorage sample</title>
</head>
<body>
<h1>將網頁上的資料儲存在瀏覽器</h1>
<h2>請輸入姓名</h2>
<input type="text" class="textContent">
<input type="button" class="btnClass" value="點擊">
<input type="button" class="btnCall" value="點擊呼叫名字">
localstorage
<script>
var btn = document.querySelector('.btnClass');
var call = document.querySelector('.btnCall');
function saveName(e) {
//宣告一個變數，綁定輸入欄，讀取&紀錄使用者輸入的文字
var str = document
.querySelector('.textContent')
.value;
localStorage.setItem('myName', str); //把輸入的內容存在瀏覽器 }
function callName(e) {
str = localStorage.getItem('myName'); //取出已存在瀏覽器的資料
alert('你的名字叫做' + str); }
btn.addEventListener('click', saveName)
call.addEventListener('click', callName)
</script>
</body>
</html>
PHP學習_Class12_20210115_t3
By vanessa168
PHP學習_Class12_20210115_t3
localstorage
