2 回答

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
您要么需要設(shè)置后端以將數(shù)據(jù)發(fā)送到并保存要存儲(chǔ)的信息,要么將數(shù)據(jù)保存在 localStorage 中。
只知道將敏感信息保存在 localStorage 中不是最佳做法(因?yàn)樗鼈兛赡軙?huì)在跨站點(diǎn)腳本攻擊中受到損害)。
localStorage.setItem 將一些數(shù)據(jù)放入 localStorage(并一直保留到您清除它),然后 localStorage.getData 提取它。
這可能有助于您開(kāi)始使用 localStorage,但您必須弄清楚將顏色設(shè)置為您擁有的元素的功能。
let boxColour = localStorage.getItem("boxColour");
if (boxColour === null) {
setBoxColour("colour");
} else {
setBoxColour(boxColour);
}
function setBoxColour(colour){ localStorage.setItem("colour");}
/* 在函數(shù)中你必須獲取項(xiàng)目并改變它的樣式屬性或者添加一個(gè)類(lèi)來(lái)添加樣式 */
小心 localStorage 數(shù)據(jù)!

TA貢獻(xiàn)2080條經(jīng)驗(yàn) 獲得超4個(gè)贊
你可以使用LocalStorage. 它將數(shù)據(jù)保存在頁(yè)面中,以便在頁(yè)面刷新或關(guān)閉并稍后打開(kāi)時(shí)使用。
有一個(gè)例子:
(不幸的是,它似乎在 stackoverflow 網(wǎng)站上不起作用,但如果你嘗試在你的 HTML 文件中它會(huì)起作用)
var loadFunc = (elem) => {
console.log("Value saved is: "+ localStorage.getItem("savedValue"));
if(localStorage.getItem("savedValue")){ //checks if value is saved or not
elem.checked = localStorage.getItem("savedValue");
}
}
var clickFunc = (elem) => {
localStorage.setItem("savedValue", elem.checked); //set te value if in localStorage
}
Click the checkbox and the value will be saved.
<input type="checkbox" onload="loadFunc(this)" onclick="clickFunc(this)">
添加回答
舉報(bào)