以下**，如果有地方有錯，請直接指出，我會改進的（只改錯誤，不改邏輯，因為我自己是不會這樣寫**的，這個只適合初學者）：
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>登入頁面
title
>
head
>
<
body
>
<
div
id="web"
>
<
div>
<
span
style
="color: blue"
>登入
span
>
div>
<
div>
<
span
>使用者名稱：
span
>
<
input
id="loginname"
type
="text"
placeholder
="請輸入使用者名稱"
/>
div>
<
div>
<
span
>密碼：
span
>
<
input
id="loginpsd"
type
="password"
placeholder
="請輸入密碼"
/>
div>
<
div>
<
button
onclick
="login()"
>登入
button
>
div>
div>
body
>
<
script
src=""
>
script
>
<
script
>/**
* 其他說明：
* 1.全域性變數使用var，var定義的變數可以修改，可以不用初始化
* 2.塊級變數使用let，let一般在函式內部定義，函式外部一般定義var變數
* let變數可以減少全域性汙染（約束變數提公升），推薦函式內部使用let而不是用var，當然使用var也沒有影響
* let變數不要重複宣告相同的，比如乙個地方使用了let a = 0; 就不要再林外乙個地方使用let a = 0; 否則會有不可預知的錯誤
* 3.const變數，let變數的規則均適用於const，使用const變數除了應當遵循let的規則以外，還需要遵循以下規則：
* 1.const宣告的變數不能重新賦值
* 2.const宣告的變數必須初始化（宣告後必須立即初始化）
* 5.var，let，const的級別為var>let>const
* 6.資料層次一定，資料過多，不建議直接for迴圈，對效能的影響微乎其微，但是有影響
*//*
* * 登入的主方法
*/function
login()
else
} else
}if(k ==1
) }
else}}
/*** 清空資料
* 等同於
* document.getelementbyid("loginname").value="";
* document.getelementbyid("loginpsd").value="";
*/function
clear()
/*** 登入的驗證方法
* 是否為空的判斷
*/function
isnone()
else
if($(
'#loginpsd
').val().trim()
==""
)
return
true
; }
script
>
html
>
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>註冊頁面
title
>
head
>
<
body
>
<
div
id="web"
>
<
div>
<
span
style
="color: red;"
>註冊
span
>
div>
<
div>
<
span
>使用者名稱：
span
>
<
input
id="loginname"
type
="text"
placeholder
="請輸入使用者名稱"
/>
div>
<
div>
<
span
>密碼：
span
>
<
input
id="loginpsd"
type
="password"
placeholder
="請輸入密碼"
/>
div>
<
div>
<
span
>確認密碼：
span
>
<
input
id="loginpsd2"
type
="password"
placeholder
="請再次輸入密碼"
/>
div>
<
div>
<
button
onclick
="register()"
>註冊
button
>
div>
div>
body
>
<
script
src=""
>
script
>
<
script
>/**
* 註冊的主方法
*/function
register() }}
const user =;
//新增資料
arr.push(user);
localstorage.user
=json.stringify(arr);
alert(
'註冊成功');
window.location.href="
login.html";
clear();}}
/*** 清空資料
* 等同於
* document.getelementbyid("loginname").value="";
* document.getelementbyid("loginpsd").value="";
*/function
clear()
/*** 註冊的驗證方法
* 是否為空的判斷
* 兩次密碼是否相等的判斷
*/function
isnone()
else
if($(
'#loginpsd
').val().trim()
==""
) else
if($(
'#loginpsd
').val().trim()
!=$(
'#loginpsd2
').val().trim())
return
true
; }
script
>
html
>
localstorage的那些事
html5中 web storage 的出現，主要是為了彌補使用 cookie 作為本地儲存的不足。cookie 儲存的資料量非常小，而且資料會自動攜帶到請求頭里，但伺服器端可能並不關心這些資料，所以會造成頻寬的浪費。web storage 提供了兩個儲存物件 localstorage 和 sess...
localStorage的簡單儲存
利用localstorage可以簡單的儲存，可以方便簡易應用的資料儲存。最近一直在使用localstorage,下面使一些常用命令，大家可以借鑑 localstorage.setitem key value 儲存變數名為key，值為value的變數 localstorage.key value 儲存...
localStorage的用法小記
參考鏈結 1.普通用法，儲存基本型別的資料，比如，陣列，字串和數值 const arr 1 2,3 通過localstorage的setitem方法,第乙個引數傳入要設定的localstorage的名稱,第二個引數傳入要儲存的資料 localstorage.setitem arr arr 通過loc...