local-storage

问题 The user can choose between 4 different themes (4 different CSS-files) by clicking links. The users choice should be saved (and somehow selected by being bold for example) in local storage and the chosen CSS-style should then be loaded when the user opens up the webpage. The choice should be stored for at least a week. I am completely new to local storage so I am uncertain of how I should approach this. As far as I understand, localStorage.setItem , localStorage.getItem and onChange() should

问题 The user can choose between 4 different themes (4 different CSS-files) by clicking links. The users choice should be saved (and somehow selected by being bold for example) in local storage and the chosen CSS-style should then be loaded when the user opens up the webpage. The choice should be stored for at least a week. I am completely new to local storage so I am uncertain of how I should approach this. As far as I understand, localStorage.setItem , localStorage.getItem and onChange() should

问题 I have a to-do list that saves to localStorage with a Priority button that changes the background color to red. That color doesn't save on refresh or adding a new to-do item. Is it possible to save color to localStorage? https://jsfiddle.net/kiddigit/hg6w01zn/ function priority() { var id = this.getAttribute('value'); var todos = get_todos(); localStorage.setItem('todo', JSON.stringify(todos)); document.getElementById(id).style.background = "red"; return false; } 回答1: If you want to store a

问题 I have a to-do list that saves to localStorage with a Priority button that changes the background color to red. That color doesn't save on refresh or adding a new to-do item. Is it possible to save color to localStorage? https://jsfiddle.net/kiddigit/hg6w01zn/ function priority() { var id = this.getAttribute('value'); var todos = get_todos(); localStorage.setItem('todo', JSON.stringify(todos)); document.getElementById(id).style.background = "red"; return false; } 回答1: If you want to store a

问题 I want to be able to create JavaScript note objects and dynamically delete them using a navbar pane. var sel = window.getSelection(); var range = sel.getRangeAt(0); var editor = { "startContainer": range.startContainer, "startOffset": range.startOffset, "endContainer": range.endContainer, "endOffset": range.endOffset }; Then using a message I would pass the location and message into a function to add notes: Notes(editor, message); function Notes(location, note) { this.location = location;

问题 I want to be able to create JavaScript note objects and dynamically delete them using a navbar pane. var sel = window.getSelection(); var range = sel.getRangeAt(0); var editor = { "startContainer": range.startContainer, "startOffset": range.startOffset, "endContainer": range.endContainer, "endOffset": range.endOffset }; Then using a message I would pass the location and message into a function to add notes: Notes(editor, message); function Notes(location, note) { this.location = location;

问题 I'm trying to store and update an array in the localstorage using JSON.parse/stringify. But it doesn't seem to be working. yesArray = JSON.parse(localStorage.getItem(yesArray)); yesArray.push("yes"); localStorage.setItem("yesArray", JSON.stringify(yesArray)); Am I all wrong with this? 回答1: This seems to be the problem with passing the key of local storage without quotes . While reading from local storage use the key as argument as it stores the value as key/value pairs . yesArray = JSON.parse

问题 I am currently using window.localStorage to store some client side data on browser. But I'd like to isolate this storage to individual tabs. Is there a way to achieve this? 回答1: You should consider using sessionStorage instead: sessionStorage is similar to localStorage; the only difference is while data stored in localStorage has no expiration time, data stored in sessionStorage gets cleared when the page session ends. A page session lasts for as long as the browser is open and survives over

问题 I want to make a drop down menu with three selections that change the color of the nav and saves it in local storage, when you update the page the color you picked is still there. I want to do this in Javascript and not with any help from jQuery. Here is my HTML: <nav id="box"> <select> <option value="grey" id="grey">Grey</option> <option value="black" id="black">Black</option> <option value="green" id="green">Green</option> </select> </nav> Here is my CSS: #box { height:50px; padding: 5px;

问题 I have to work on a calculator. I got everything i need. The only thing is, I have to add a LocalStorage under my Result. So the Calculator adds everytime the result, untill i delete the session. For example: "1+1=2," 2*2=4, 8/8=1 Localstorage: 2,4,1 function clear() { number1.value = ""; number2.value = ""; } function clearresult() { result.innerText = ''; } function calc() { var number1 = parseFloat(document.getElementById('number1').value); var number2 = parseFloat(document.getElementById(