local-storage | 易学教程

Check if localStorage is available

阅读更多关于 Check if localStorage is available

问题 I know there has been many questions about checking for localStorage but what if someone manually shuts it off in their browser? Here's the code I'm using to check: localStorage.setItem('mod', 'mod'); if (localStorage.getItem('mod') != null){ alert ('yes'); localStorage.removeItem('mod'); } else { alert ('no'); } Simple function and it works. But if I go into my Chrome settings and choose the option "Don't Save Data" (I don't remember exactly what it's called), when I try to run this function

trying to remove item from localstorage using the key name

阅读更多关于 trying to remove item from localstorage using the key name

问题 I am trying to remove item from localstorage or rather clear it on button click. I have written the code but on clicking on the button, it does not clear the localstorage data. this is the variable with the localstorage data window.onbeforeunload = function() { localStorage.setItem("first_name", $('#inputName').val()); }; EDITTED window.onload = function() { var name = localStorage.getItem("first_name"); if (name !== null) { $('#inputName').val(name); alert(name); } }; this is the function to

upup: Can I supply more than one page per domain?

阅读更多关于 upup: Can I supply more than one page per domain?

问题 I'm using upup to make offline content available. I'd like to supply several pages for a single domain: page1.php contains an upup.js code snippet to make page1_off.php available when offline. page2.php contains an upup.js code snippet to make page2_off.php available when offline. etc. This is working, but I get an error when trying to navigate between pages. This is what happens: When I'm on page1 without internet connection, then navigate to page2, I still see the contents of page1. When I

Fail to read localStorage

阅读更多关于 Fail to read localStorage

问题 I have a plunker to set a value in localStorage: <!DOCTYPE html> <html> <script> localStorage.setItem('test', "hadddddha"); </script> </html> And I have a code http://www.addbba.com/testLocalStorage.html to get it: <!DOCTYPE html> <html> <script> var test = localStorage.getItem('test'); console.log(test) </script> </html> Oddly, the console shows the value is null . Does anyone know what happened? 回答1: According to https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

How to check if value exist in Local Storage data set?

阅读更多关于 How to check if value exist in Local Storage data set?

问题 I have done some research about local storage. Seems like a pretty good option to store data. In my Single Page App I use JSON to store some of the data that is used more than once in my app. I'm wondering if I can replace JSON with Local Storage? Also what would be the benefits? So far I was able to load data in Local Storage but I couldn't check if values exist in Local Storage and how I will read the data. Here is example: $.ajax({ type: 'POST', url: 'App.cfc?method='+getMethod, data: {

Seperate Objects in local storage Javascript

阅读更多关于 Seperate Objects in local storage Javascript

问题 I currently have an item in local storage which looks like this "cars":[ { "Id":7, "Name":"Audi", }, { "Id":8, "Name":"Ford", } I want to retrieve all of the Id's only and store them in a string. At the minute I am pulling the data like this: var cars = ""; cars= localStorage.getItem('cars'); var carArr= new Array(); carArr.push(cars); How can I just obtain the Id's 回答1: localStorage only supports strings . So, you have to use JSON.parse to get the cars array from string and then use array

LocalStorage in Vue App with multiple inputs

阅读更多关于 LocalStorage in Vue App with multiple inputs

问题 i dont know if this is possible - but i am working on a Vue app with multiple input fields that posts to the same list - and i need this to be stored somehow, so when you refresh the site, the outputs from the input fields are saved. This means both the taskList and subTaskList array should be saved ( i know i've only worked on taskList ). The example i posted here saves the data fine, however if you refresh, it will post all the data in all the components, can this be fixed so it will only

local storage items after refresh page

阅读更多关于 local storage items after refresh page

问题 <!DOCTYPE html> <html> <body> <button onclick="myFunction();">Fav Number</button> <div id="result"></div>  <script> function myFunction() { // Check browser support if (typeof(Storage) !== "undefined") { // Store var a = prompt("fav number"); localStorage.setItem("lastname", a); // Retrieve document.getElementById("result").innerHTML = localStorage.getItem("lastname"); } else { document.getElementById("result").innerHTML = "Sorry, your browser does not support

Use localStorage to save a checkbox value

阅读更多关于 Use localStorage to save a checkbox value

问题 I have a show / hide div which is toggled by a checkbox state, although it works fine I would like to have localStorage save the checkbox state, but I don't know how to implement the local storage part of the code and where to place it. Any help gratefully received. $(document).ready(function() { $('#checkbox1').change(function() { $('#div1').toggle(); }); }); <input type="checkbox" id="checkbox1" value="1" /> <div id="div1">Text to be toggled</div> 回答1: Try this: http://jsfiddle.net/sQuEy/4/

HTML5 code not working in IE9

阅读更多关于 HTML5 code not working in IE9

问题 The following simple code works in Firefox (12.0) but does not seem to work in IE 9 even though local storage is supported in IE9. Notice how alert(localStorage.lastname); does not show up any results. Was wondering if there is a known issue in using localStorage in IE9 as the documentation does say it is supported. <!DOCTYPE html> <html> <body> <script> if(typeof(Storage)!=="undefined") { alert('local storage') localStorage.lastname="Smith"; alert(localStorage.lastname); } else { alert(