亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

刷新時如何保存頁面狀態?(HTML, JS)

刷新時如何保存頁面狀態?(HTML, JS)

一只甜甜圈 2023-06-09 15:25:39
大多數時候我都不知道自己在做什么,但憑借耐心和你們的幫助,我想到了這個:if (window.localStorage) {// Create the Key/Value var cNum = localStorage.getItem("currentNumber");if (localStorage.currentNumber == undefined) {  localStorage.setItem("currentNumber","0");}    // VariablesresetCount.innerHTML = localStorage.currentNumber;// Functionsfunction btnR() {    cNum++;    localStorage.currentNumber = cNum;    resetCount.innerHTML = cNum;}}else { console.log("否"); }HTML:<button id="resetButton" onclick="btnR()">Reset</button>        <p id="resetCount">0</p>我正在創建一個按鈕,每次您單擊它時,它都會重置復選框,但我還想要一個計數器來查看他們休息了多少次。問題是每次我點擊按鈕時計數器也會重置?,F在已經解決了,我可以嘗試對復選框應用相同的東西,這樣它們也不會在刷新時重置。注意:我不得不把它.SetItem放在 if 語句中,即使值在存儲中,它也會在我每次刷新頁面時將值設置回零。這是我發現阻止它的方式。
查看完整描述

2 回答

?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

您要么需要設置后端以將數據發送到并保存要存儲的信息,要么將數據保存在 localStorage 中。


只知道將敏感信息保存在 localStorage 中不是最佳做法(因為它們可能會在跨站點腳本攻擊中受到損害)。


localStorage.setItem 將一些數據放入 localStorage(并一直保留到您清除它),然后 localStorage.getData 提取它。


這可能有助于您開始使用 localStorage,但您必須弄清楚將顏色設置為您擁有的元素的功能。


let boxColour = localStorage.getItem("boxColour");


if (boxColour === null) {

  setBoxColour("colour");

} else {

  setBoxColour(boxColour);

}


function setBoxColour(colour){ localStorage.setItem("colour");}

/* 在函數中你必須獲取項目并改變它的樣式屬性或者添加一個類來添加樣式 */


小心 localStorage 數據!


查看完整回答
反對 回復 2023-06-09
?
犯罪嫌疑人X

TA貢獻2080條經驗 獲得超4個贊

你可以使用LocalStorage. 它將數據保存在頁面中,以便在頁面刷新或關閉并稍后打開時使用。


有一個例子:


(不幸的是,它似乎在 stackoverflow 網站上不起作用,但如果你嘗試在你的 HTML 文件中它會起作用)


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)">


查看完整回答
反對 回復 2023-06-09
  • 2 回答
  • 0 關注
  • 233 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號