javascript不会更改localstorage值
JavaScript可以通过localStorage对象来访问和修改本地存储（localStorage）的值。本地存储是一种在浏览器中存储数据的机制，它可以在用户关闭浏览器后仍然保留数据。
localStorage是Web Storage API的一部分，它提供了一种简单的键值对存储方式。可以使用localStorage.setItem()方法来设置localStorage的值，使用localStorage.getItem()方法来获取localStorage的值，使用localStorage.removeItem()方法来删除localStorage的值。
当使用JavaScript修改localStorage的值时，可以通过以下步骤进行操作：
- 使用localStorage.setItem()方法来设置localStorage的值。该方法接受两个参数，第一个参数是要设置的键名，第二个参数是要设置的值。例如，可以使用以下代码将值设置为"example"：
- 使用localStorage.setItem()方法来设置localStorage的值。该方法接受两个参数，第一个参数是要设置的键名，第二个参数是要设置的值。例如，可以使用以下代码将值设置为"example"：
- 使用localStorage.getItem()方法来获取localStorage的值。该方法接受一个参数，即要获取的键名。例如，可以使用以下代码获取名为"key"的值：
- 使用localStorage.getItem()方法来获取localStorage的值。该方法接受一个参数，即要获取的键名。例如，可以使用以下代码获取名为"key"的值：
- 在上述代码中，变量"value"将包含存储在"key"键下的值。
- 使用localStorage.removeItem()方法来删除localStorage的值。该方法接受一个参数，即要删除的键名。例如，可以使用以下代码删除名为"key"的值：
- 使用localStorage.removeItem()方法来删除localStorage的值。该方法接受一个参数，即要删除的键名。例如，可以使用以下代码删除名为"key"的值：
- 在上述代码中，将删除存储在"key"键下的值。
JavaScript修改localStorage的值可以用于许多场景，例如：
- 在用户登录时，将用户信息存储在localStorage中，以便在页面刷新后仍然保留用户登录状态。
- 在网页中保存用户的偏好设置，例如主题颜色、语言偏好等。
- 在表单中保存用户输入的数据，以便在用户刷新页面或返回页面时恢复数据。
腾讯云提供了云存储服务COS（对象存储），可以用于存储和管理大规模的非结构化数据，包括图片、音视频、文档等。您可以使用COS来存储和管理JavaScript中的localStorage值。您可以通过访问腾讯云COS的官方文档了解更多关于COS的信息和使用方法：腾讯云COS产品介绍。
相关·内容
1回答
我正在尝试在我的应用程序的另一个区域显示localStorage信息。我无法获取输入到localstorage textarea中的信息。
这是HTML：
<div class="main-nav" id="page" data-role="page" data-theme="a" data-add-back-btn="true">
<div data-role="panel" id="myPanel">
<h2 style="col
浏览 1提问于2018-07-18得票数 1
回答已采纳
考虑以下CoffeeScript：
$ ->
if localStorage["Flag1"] isnt "Done"
localStorage["Flag1"] = "Done" # Flagged on first page loading
$(".start").click ->
if localStorage["Flag2"] isnt "Done"
localStorage["Flag2"] = "Do
浏览 0提问于2012-07-19得票数 1
回答已采纳
1回答
我发现了类似的问题，但答案是用Jquery回答的，或者在这个特殊情况下不起作用。我有以下HTML代码
<html>
<body onload="load()">
<div>
<select id="colorlist" onchange="saveSelect()">
<option value="white">White</option>
<option value="#E0C2FF">#E
浏览 0提问于2015-02-03得票数 0
回答已采纳
2回答
首先，我想说，我很抱歉没有使用代码示例。这是我第一次问堆栈溢出，我发现它真的令人困惑。
我的javascript代码工作得很好，但是当我试图复制它并更改变量名时，它似乎不起作用。
JavaScript
function saveEdits() {
var editElem = document.getElementById("edit");
var userVersion = editElem.innerHTML;
localStorage.userEdits = userVersion;
document.getElem
浏览 3提问于2014-07-17得票数 0
回答已采纳
在localStorage中按下加号或减号按钮后，我尝试存储输入字段中的键值对，当使用控制台在应用程序中查看时，我得到的值都是0 下面是localStorage代码 var inputValue = document.getElementById("shirtValue").value;
localStorage.setItem("shirtValue", inputValue);
var trouser = document.getElementById("trouserValue").value;
localStorage.setIte
浏览 21提问于2019-09-17得票数 0
我试图使用localStorage代替cookie (讨厌cookie)，这样用户就可以在我操作的站点上注册。
到目前为止，我的计划是将用户的用户名保存在localStorage中，并让站点检查localStorage中是否有任何内容，如果localStorage中有任何内容，它将通过POST将localStorage数据推送到PHP文件中，并推动用户启动新的PHP会话并将其返回到原来的位置。
虽然我很担心，但我知道可以查看localStorage，在这种情况下，对数据服务器端进行加密是有意义的。
但是LocalStorage数据可以修改吗？如果不是，即使没有加密，也可以这样做，但显然，如果用
浏览 6提问于2012-06-28得票数 16
回答已采纳
1回答
我的环境是Vue CLI3.11(来自Node.js 12.10)和Google Chrome。 我想写一个在某些情况下忽略监视的语法。然而，我还没有找到一个好的方法，因为Vue.js改变它的值与JavaScript略有不同。 例如，在这段代码中，值总是被记录下来，因为watch()中的"valuelock“总是为false。 <script>
export default {
name: 'app',
data(){
return {
v: null,
valuelock: false
};
},
浏览 10提问于2019-10-02得票数 0
回答已采纳
我对javascript操作符很困惑。看看这个：
localStorage.setItem('isValidUserCpf', false);
alert(localStorage.getItem('isValidUserCpf'));
alert(!localStorage.getItem('isValidUserCpf'));
alert(!(localStorage.getItem('isValidUserCpf')));
if (localStorage.getItem('is
浏览 0提问于2014-01-30得票数 0
回答已采纳
我有一些动态存储在localStorage中的值，递增的值如下: localStorage"Value0"，localStorage"Value1"，....
当我尝试像这样访问它们时：
JavaScript：
localStorage["Counter"]=0;
var i = localStorage["Counter"];
var d =localStorage["Value"+i];
i = i + 1; // i becomes "01"
var f = localStorage[
浏览 0提问于2012-07-07得票数 4
回答已采纳
这里有什么问题？它在运行函数时正确地工作，但在运行myFunction时正确地运行而不是。
JS文件，其中包含defer属性：
let cont = document.getElementsByClassName("container")[0];
let isit = localStorage.getItem("isit");
let button = document.getElementById("nawi");
window.onload = function () {
if (isit == null) {
lo
浏览 8提问于2022-01-09得票数 0
回答已采纳
1回答
首先，请帮助我纯粹在JavaScript中理解这一点。没有jQuery或任何插件。我正试着在科多瓦/PhoneGap对此进行编码。我在教自己JavaScript的同时，我正在和科多瓦/PhoneGap一起玩，所以请温柔点。
我有一个文本框，两边都有按钮，右加1到文本框值(+在它上)，左转从文本框(- on )减少1。我的目的是让页面/应用程序首次在文本框中显示0值。只要有人按下+按钮，文本框就会从0增加到1，再增加1，每次点击+。如果应用程序关闭并重新打开，它应该记住在应用程序关闭之前文本框中的最后一个号码。
它在浏览器测试中工作，它导致PhoneGap的iPhone应用程序不再识别重置应用程
浏览 0提问于2018-01-27得票数 1
回答已采纳
我正在用knockout.js做我的第一步。我已经创建了这段代码，但它并不满足我的需求，因为我的self.totals()函数并不是每次在价格列中更改某项内容时(只有在通过添加新的或删除旧的<tr>来更改整个<tr>时才能工作)。我在哪里搞错了？
var books = [
{
name : "Javascript",
author : "David Flanagan",
genre : "learning",
price : "100"
},
{
name : &#
浏览 2提问于2016-01-13得票数 3
回答已采纳
我正在尝试删除附加的父元素，但是当我尝试删除它时，它不起作用。
以下是我的JavaScript代码：
// append
$("#button").click(function(){
var userList = $('#textarea').val();
$('#textarea').val('');
$('#list').append('<p>' + '➤' + userList + '<input type
浏览 6提问于2016-01-11得票数 0
回答已采纳
我有以下HTML：
var mySlider = document.getElementById("mySlider");
var stored = localStorage.getItem("myData");
if (stored == null)
mySlider.value = 5;
else
mySlider.value = stored;
mySlider.addEventListener("change", () => {
localStorage.setItem("myData", mySli
浏览 1提问于2020-07-28得票数 0
回答已采纳
2回答
用ajax，php，html发布
、、、、
当单击html表单的submit按钮时，我希望将一个值发布到另一个php文件中。
我现在拥有的代码是php和javascript的混合：
waar = 1;
if (isset($_POST['submit'])) {
?><script type="text/javascript">
$.ajax({
url: 'zoek.php',
data: 'waar=' + waar,
type: 'POST',
succe
浏览 2提问于2016-01-29得票数 0
回答已采纳
1回答
我已经创建了一个带有弹出窗口的chrome扩展，它有一个按钮，当单击该按钮时，会触发一个更改按钮文本的js。一切都正常工作，但如果我再次点击按钮，没有任何反应，我必须关闭并重新打开弹出窗口才能使其工作。我怎么才能修复它呢？
这是我的popup.html：
<script src="jquery.js"></script>
<script src="toggle.js"></script>
<h3 style="text-align: center;"><strong>
浏览 30提问于2017-01-21得票数 0
回答已采纳
1回答
我希望将创建的每个字段存储在localStorage中，以便获得ID以供以后使用。 这是一个cordova应用程序。 我正在用javascript创建字段。一个外部DIV，输入字段和一个按钮。此输入字段和按钮必须存储在localStorage中以供以后使用。 我已经在localStorage中存储了div组ID，输入字段ID和按钮ID。我不知道这是不是最好的解决方案，但如果不是，那么我将感谢一些建议。 这是我存储它的方式： localStorage.setItem('inputGroup', 'input_area_group_' + id + '&#
浏览 18提问于2019-04-16得票数 1
我开始用javascript在网站上做一些小功能和调整，但真正困扰我的是，我不知道在函数运行后如何再次运行javascript？例如，如果我调用一个函数onclick，该函数将一个用户添加到我的网站中显示的数组中，那么新用户将不会显示，直到页面刷新？我该如何解决这个问题？
示例：
if (!localStorage.myStorage) {
// CREATE LOCALSTORAGE
}else{
myArray = JSON.parse(localStorage.myStorage);
for (var i = 0; i < myArray.length; i++) {
浏览 3提问于2014-02-27得票数 0
我正在尝试从一个普通的javascript中获取一个对象标题，并在我的angular 2组件上检索它。目前，我正在将变量保存到localStorage，但是我不认为这是一个好方法。
要将变量保存到localStorage中，请在单击按钮时设置，按钮在iframe中。
谁能给我指个正确的方向，如何实现这一点？
编辑下面的答案:其余的红色位是“找不到名字”。
浏览 20提问于2016-08-31得票数 4
我是Javascript/Jquery的初学者，我正在使用jquery和jquery制作一个移动web应用程序，我不知道如何在一个地方显示我所有的输入。不管我在表单中输入了多少数据，它总是显示最后一个输入的.Please，有帮助吗？
$(document).ready(function() {
if(localStorage['linrval'],localStorage['linrdate']){
$('#inrhist').prepend('<div class="inrval">'
浏览 2提问于2014-01-23得票数 0
回答已采纳
我在JavaScript中做了一个点击计数器，现在，我想解决这个问题： 当我打开我的点击计数器时，输出什么也没有。但在按下“点击”按钮后，输出为1。我想在打开点击计数器后将输出更改为0。但这里有另一个问题。这样做之后，输出将在重新加载页面后始终0。 这是我的点击计数器的代码： document.title = 'Click Counter';
var clickButton = document.createElement('button');
var resetButton = document.createElement('button'
浏览 21提问于2021-04-01得票数 0
回答已采纳
我正在使用JavaScript中的一个数组，我想知道为什么对数组所做的更改能够正确地保存到localStorage中，但是在函数调用之后没有反映在数组中。守则如下：
function removeFromList(array, arrayName, key) {
array = array.filter(function(element) { return element.key !== key; });
localStorage.setItem(arrayName, JSON.stringify(array));
}
我做了一些googling，通过一些旧的帖子，发现数组是通过值传递
浏览 4提问于2020-11-05得票数 4
回答已采纳
1回答
我已经写了以下脚本来动态更新一个值而不刷新，脚本是OK的，但id没有在页面中显示更新的值。然而，在Chrome浏览器的控制台中，它会显示更新的属性值，但在页面中它不会。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Pass Data to Views</tit
浏览 1提问于2014-12-26得票数 1
1回答
有人能解释为什么最后一行会导致NaN吗？'userScore‘是span元素的一个对象，当我不实现localStorage部分时，类似的操作非常好。事先非常感谢！
var score;
score = 20 - (parseInt(turnNr.innerHTML) - bricks.length / 2) *
1.2;
if (score >= 0.5) {
score = Math.round(score);
} else {
score = 0;
}
if (localStorage
浏览 1提问于2017-05-15得票数 0
回答已采纳
1回答
我有以下选择：
<select id="sitestyle" name="stil">
<option value="blue">Blå</option>
<option value="green">Grön</option>
<option value="red">Röd</option>
<option valu
浏览 0提问于2014-04-03得票数 1
回答已采纳
2回答
我正在尝试使用localStorage将一个外部应用程序与浏览器集成。
运行在浏览器中的javascript在localStorage上写入一个值，外部应用程序从sqlite (localstorage)读取值并删除记录。
问题是，当我从localStorage DB中删除记录时，浏览器不会被更新，因为它会将已经从localStorage中删除的旧值保存在内存中。这样，如果外部应用程序已经读取了值，我就跟不上了。
那么，如何让浏览器重新加载localstorageDB呢？如果不可能，你能为这个问题提出一个替代方案吗？
浏览 8提问于2015-11-16得票数 2
回答已采纳
1回答
我正在尝试访问Google Chrome扩展中的标签和窗口数据。显然，我已经设法获得了这些信息并通过localStorage加载它，但是我不知道如何使用这些信息，因为我似乎无法通过JSON parse将数据解析回对象数组。
代码如下：
<html>
<head>
<script>
tabs = {};
tabIds = [];
focusedWindowId = undefined;
currentWindowId = undefined;
localStorage.windowsTabsArray = undefined;
function load
浏览 1提问于2011-11-30得票数 1
我正在尝试向我的应用程序添加一个最喜欢的页面，它基本上会列出一些以前插入的数据。我想要从localStorage获取数据。它基本上是有效的，但当我导航到另一个页面并返回时，localStorage再次为空。我希望localStorage中的数据在应用程序刷新时保持不变。 数据将从此处设置为localStorage import React, { useState, createContext, useEffect } from 'react'
export const CombinationContext = createContext();
const Combinati
浏览 133提问于2019-10-15得票数 0
var data = localStorage.getItem('oldData').split(" ");
我像上面那样访问localStorage，并获得一个值数组。其中一些元素在oldData的字符串值中重复，例如：
apples oranges apples apples
我希望数据只有两个元素apples和oranges。我如何在Javascript中做到这一点？
浏览 3提问于2011-10-07得票数 0
回答已采纳
我有一个表单，在提交时，将复选框推入localStorage。
在返回或刷新时，我希望检查具有与localStorage匹配值的框。我在下面的Javascript中有一些条件，位于我的评论所在。这是有条件的吗？
另外，如果有更好的方法来做到这一点，请分享。我要用React和Redux Thunk来做这件事。但我只想试试香草JS。
<form onsubmit='setStorage()'>
<input type='checkbox' value='toy'/> Toy
<input type='c
浏览 2提问于2020-08-02得票数 2
回答已采纳
在我创建的网页上，我有四个用户可以与之交互的主要按钮：-主页:将用户重定向到网站主页- Twitter:引导用户完成Twitter身份验证过程- Spotify:引导用户完成Spotify身份验证过程- Next:将用户重定向到新网页
我的目标是只有在用户点击"Twitter“和"Spotify”至少一次之后才启用“下一步”按钮。
我已经创建了一些JavaScript函数，可以跟踪用户点击Twitter和Spotify按钮的次数，以便在用户至少点击一次按钮后启用下一步按钮。它的功能有点不稳定，我不知道为什么。该函数似乎没有正确地更新我正在运行的本地存储变量，这反过来会使Next
浏览 9提问于2019-10-27得票数 0
回答已采纳
我试着在localStorage中输入一个数字，但是++不能用其他方式做吗？
window.localStorage.setItem('run','++')
这是完整的代码
<script type="text/javascript">
if(window.localStorage.getItem('run')==null){
window.localStorage.setItem('run','1')
}
else if(window.loca
浏览 6提问于2013-01-23得票数 2
1回答
我目前正在为BlackBerry 10开发一个eBay应用程序，遇到了一个问题。问题是，我希望有一个下拉菜单(这样用户可以选择他们想要访问的eBay国家)，但我不知道如何获得屏幕底部的按钮，以转到正确的页面时，在下拉列表中选择了一个选项。
以下是代码的分解版本，可以在附加的图像中看到：
<script type="text/javascript">
//verify the welcome screen
function verifywelcome(){
if (document.getElementById('checkbox').get.
浏览 0提问于2013-10-19得票数 0
我有一个JavaScript文件，其中有一些变量和多个HTML文件访问它，但是我想要它，这样当我在JavaScript中更改一个变量时，这个值会保留在不同的HTML文件中，并且当我重新加载页面时。
假设这是我的JavaScript文件，让我们称之为variables.js
localStorage.setItem("number", 1);
var number = parseInt(localStorage.number);
console.log(number);
说这是我的HTML文件之一
<script src="variables.js"&g
浏览 1提问于2017-11-14得票数 0
回答已采纳
我有一个HTML/JavaScript项目要在几周后到期，我被困在了创建购物车函数的道路上。我已经把购物车的基本知识整理好了。但似乎每个产品都有大量的代码。我不确定如何使用数组或脚本将所有产品正确有效地存储在本地内存中，但我不确定如何最好地做到这一点。这就是我到目前为止所知道的：
<!DOCTYPE html>
<html>
<head>
<body>
<p><button onclick="AddAMToCart()" type="button">Add AM to C
浏览 1提问于2017-04-07得票数 0
1回答
我一直在开发一款iPhone应用程序，它需要我动态更改内容。我有以下代码：
<div id="home">
<div class="toolbar">
<a class="blueButton" href="javascript: void(0);" onClick="$('#logout').show();">Logout</a>
<h1>AllaccessMD&
浏览 1提问于2010-09-02得票数 0
回答已采纳
下面是使用php从数据库中选择选项和生成的代码，我尝试使用jQuery或任何javascript将selected="selected"添加到value="4"中：
<select id="countryselect" name="country">
<option value="1">Afghanistan</option>
<option value="2">Albania</option>
<option value="
浏览 1提问于2012-09-24得票数 8
回答已采纳
if (!localStorage.text) localStorage.text = document.body.innerHTML;
function ifChanged() {
document.body.innerHTML.onchange = function() {
if (document.body.innerHTML !== (localStorage.text)) alert("No match");
};
}
ifChanged();
它不会检查是否发生了更改。哪里出了问题？
浏览 0提问于2011-07-03得票数 2
回答已采纳
我试图用javascript模拟一个会话。大多数情况下，将用户凭据保存到LocalStorage中，然后与数组进行比较。我在var oStoredCredentials = JSON.parse(localStorage.savedCredentials);行上得到了一个意想不到的输入结果，我找不到答案。这是整个代码块：
$(document).on("click", ".submitBtnLog", function(){
var sUsername = $("#LoginName").val();
var sP
浏览 4提问于2014-02-18得票数 0
回答已采纳
我不知道为什么this.role在render中没有定义。
export default class Dashboard extends Component {
componentDidMount() {
this.role = window.localStorage.getItem('role')
console.log('role', this.role) //return admin
}
render(){
console.log('role', this.role) //return undefin
浏览 16提问于2018-01-08得票数 1
我有这个javascript代码，可以在亚马逊上使用。它所做的就是计算你的礼品卡余额，让它看起来像是我在拿钱。我想知道是否有可能让它停在一个特定的数字上。 var oof = document.getElementById("gc-ui-balance-gc-balance-value");
var lastCount = localStorage.getItem("lastCount");
oof.innerText = '$' + lastCount || "$10000";
function animateValue
浏览 28提问于2019-03-13得票数 0
回答已采纳
1回答
我知道，localStorage只支持5MB。在我们的应用程序中，我们计划使用localStorage (sessionStorage不适合我们的需要，因为我们支持多个选项卡)。目前只有一个大的javascript对象序列化并存储在localStorage中，将来可能会超过15个对象，但肯定不会超过这个数量。
问题是，清除localStorage。因为我们的应用程序允许用户以多种方式登录(SSO等)。因此，在不登录登录页面的情况下，他们可以登录到我们的应用程序，并且在其他应用程序中注销时也会在我们的应用程序中注销或关闭浏览器。出于安全原因，我们需要在用户会话结束后清除localStorage。
浏览 1提问于2013-07-15得票数 2
回答已采纳
我正在通过Code.org网络实验室创建一个网站，我在标签中有一个变量，我想在它达到100时重新着色。在页面的HTML或Javascript部分中，我应该使用什么代码来实现这一点？ 这对我来说是一个新的概念，将Javascript添加到HTML中，所以我在Google和Stack Overflow上查找了答案。每个结果都只是讨论了要么给段落中的某些单词着色，要么在javascript变量中保存颜色。 下面是包含有问题变量的页面中的Javascript： <script>
function clickCounter() {
if (typeof(Stor
浏览 35提问于2019-04-02得票数 2
回答已采纳
我正在使用Ionic框架开发一个移动应用程序，并使用localStorage进行缓存。我想知道localStorage的使用是否会对我的应用程序的性能产生负面影响。
浏览 3提问于2016-07-04得票数 0
回答已采纳
我目前正在通过javascript设置/获取localstorage值，它工作得很好。但是，我希望通过服务器端代码从控制器或请求管道中的其他位置获取本地存储中的值。(类似于Request.Cookies从HttpContext返回的方式)
有人知道本地存储器藏在哪里吗？我可以在firebug/chrome中看到它，所以我知道它设置得很好，我可以通过javascript把它拉出来。
浏览 0提问于2011-10-26得票数 7
回答已采纳
我想要创建一个具有alert函数的if语句。
但是，如果我不使用localstorage函数，alert框将继续弹出，但会更改标记。
如果if使用localstorage函数，则标记不会设置颜色。
你有什么建议吗？
感谢所有的帮助。
var alerted = localStorage.getItem('alerted') || '';
if (alerted != 'yes') {
if (value.squawk == "7500" || value.squawk == "7600" ||value.s
浏览 0提问于2017-08-18得票数 0
1回答
我有一个很棒的JavaScript计数器，它可以在页面重新加载时保持计数，而不是在其他浏览器上。我在另一个浏览器或另一个设备上访问我的网站时，计数器被重置。我正在使用localStorage，我认为这是正确的，但我也尝试了globalStorage，但那不起作用。
我遗漏了什么？
JavaScript：
<script>
function clickCounter() {
if(typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
local
浏览 1提问于2016-11-02得票数 0
2回答
下面是我的MainActivity类代码
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.activity_main);
WebView webView = new WebView(this);
//add the JavaScriptInterface so that
浏览 6提问于2014-01-23得票数 2
回答已采纳
1回答
我做了一个小测试：
var allQuestions = {
question: {
question0: {
question: "What is the meaning of HP?",
choices: ["Hewlett-Pako", "Holy-Packard", "Hewlett-Packard", "Holy-Bigel"],
correct: "Hewlett-Packard"
浏览 2提问于2013-06-29得票数 0
回答已采纳
我试图在javascript中存储一个int，这将对它进行大量操作，但我一开始甚至无法正确地存储它，以保持它的价值。
if (localStorage.getItem("localValue") === null || undefined ) {
var preValue = 0;
localStorage.setItem("localValue",preValue);
var value = JSON.parse(localStorage.getItem("localValue"));
console.log(&
浏览 1提问于2017-06-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
