来自localstorage的值不会保存在屏幕上
。localstorage是HTML5提供的一种在客户端浏览器中存储数据的机制，它可以在浏览器关闭后仍然保留数据。但是，localstorage的值不会直接显示在屏幕上，它只是在浏览器中存储数据的一种方式。
localstorage是一种键值对存储系统，可以通过JavaScript代码来读取和写入数据。它的优势在于数据存储在客户端，可以在不同的页面之间共享数据，而不需要每次都向服务器发送请求。这样可以提高网页的性能和用户体验。
localstorage的应用场景包括但不限于以下几个方面：
- 用户偏好设置：可以使用localstorage存储用户的偏好设置，例如语言选择、主题颜色等，以便在用户下次访问时保持一致。
- 表单数据缓存：可以使用localstorage在用户填写表单时缓存数据，以防止用户意外关闭页面或者刷新页面导致数据丢失。
- 本地缓存：可以使用localstorage缓存一些静态资源，例如图片、CSS文件等，以减少服务器的请求压力，提高网页加载速度。
- 离线应用：可以使用localstorage存储离线应用所需的数据，使得应用在离线状态下仍然可以正常运行。
腾讯云提供了一系列与云计算相关的产品，其中与localstorage类似的产品是腾讯云的对象存储（COS）服务。对象存储是一种云存储服务，可以存储和检索任意类型的数据，包括文本、图片、视频等。您可以通过腾讯云对象存储服务来实现类似localstorage的功能，并且可以通过API接口来读取和写入数据。
腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
所以我有一个GitHub页面，上面有一个游戏，我想用localStorage来存储用户的分数。然而，这给脚本带来了一些问题，因为游戏不再工作，应该在屏幕上打印的东西也没有打印出来(使用document.write)。这是我添加的代码：
if (localStorage.getItem("highscore") !=== null) {
document.write("Your highscore is " + localStorage.getItem("highscore"));
}
else {
document.write(&
浏览 1提问于2019-06-08得票数 1
2回答
我是个初学者，我只是为了好玩而编写代码，然后做一些简单的项目。这个月我正试着做一场赛马“游戏”。这个游戏是第一个使用本地存储的项目，所以我不太熟悉如何对它进行编码。多亏了w3学校和MDN，我对它有了基本的理解，但是仍然有很多bug。最让我烦恼的是改名函数。在我的代码中，您可以单击一个按钮，一个提示将要求您为这匹马取一个新名称。然后，屏幕显示它，并将值保存到变量和本地存储中。但是，当我重新加载页面时，名称没有更改，屏幕仍然显示默认名称。有办法解决这个问题吗？
var horse = {
energy: false,
name: false,
speed: false,
浏览 3提问于2015-09-17得票数 0
回答已采纳
我基本地将输入值添加到vals数组中。
然后将数组保存到localStorage：localStorage.setItem('mylist', JSON.stringify(vals));
之后，我将显示来自vals数组的值。
它将值保存到localStorage中，但当我刷新时，值不会显示在屏幕上，并使用动态创建的li元素.。
为什么？
注意:我想在JSON中使用本地存储。
var input = document.getElementById("input");
var box = document.querySelector(".box"
浏览 2提问于2017-02-21得票数 0
回答已采纳
1回答
我的客户端设置了以下标头：
Transfer-Encoding: chunked
Connection: Keep-Alive
当我检索响应时，我收到一个Transfer-Encoding: chunked报头，但没有收到Connection: Keep-Alive报头。出于这个原因，我相信我的客户可能只收到了部分响应。
现在我的问题是：
是否必须在HTTP/1.1中设置Connection: Keep-Alive属性？
浏览 1提问于2013-06-20得票数 0
回答已采纳
有谁能帮我解决如何在angularjs中使用$localStorage，我找不到完整的指南。
I need explanation and syntax for usage such as,
localStorage.getItem();
localStorage.removeItem();
localStorage.clear();
localStorage.setItem();
提供完整的医生会对我很有帮助。
浏览 1提问于2018-03-29得票数 0
回答已采纳
我想知道在Phonegap应用程序中使用html5 LocalStorage来存储用户会话的安全性。
理想情况下，我会存储用户id +一个随机字符串，以便在数据库中验证他的身份，就像典型的“记住我”cookie一样。
这是一个安全的做法吗？当涉及到在Phonegap应用程序上存储数据时，有什么我可能忽略的地方？也许是LocalStorage之外的东西？
浏览 0提问于2013-04-09得票数 0
1回答
我试着在当地的仓库里设定一些价值。所以我就这么做：
if (localStorage) {
var event = localStorage.getItem("Event");
if (event != "undefined" || event != "null") {
console.log(event)
} else {
localStorage.setItem("Event", "Event Name");
console.log(&
浏览 1提问于2014-06-27得票数 1
回答已采纳
这段代码总结了我的问题：
localStorage.setItem('getItem', 4)
undefined
localStorage.getItem
function getItem() { [native code] }
localStorage['getItem'] = 'user'
"user"
localStorage.getItem
"user"
localStorage.getItem('getItem')
TypeError: Property 'getItem&#
浏览 7提问于2013-03-23得票数 3
这是我使用的代码：
localStorage["FSS"] += JSON.stringify(favSongs);
localStorage["FSTS"] += JSON.stringify(favSongTitle);
localStorage["FIS"] += JSON.stringify(favImages);
但是当我检索这些值时，我得到的结果是：
对于FSS：undefined["0t0FGyhB6C8"]
对于FSTS：undefined["SONIC SYNDICATE - Denied (OFFICI
浏览 0提问于2016-02-11得票数 0
2回答
我有个问题。当我在chrome上运行我的应用程序时，由于te web浏览器的本地存储，数据是持久的。然而，当在模拟器上运行时，如果我杀死应用程序，数据就会被擦除。我读到过localstorage，它是一个主要用于存储简单数据的非易失性存储。我的应用程序不需要数据库，本地存储就足够了。为什么会发生这种情况呢？
angular.module('ionic.utils', [])
.factory('$localstorage', ['$window', function($window) {
return {
set: function
浏览 0提问于2015-06-02得票数 7
2回答
我有以下情况：
客户端计算机上的应用程序(Firebird DB client)在端口3050上打开到服务器的TCP连接。
客户端应用程序崩溃，应用程序终止
服务器上的netstat仍然显示在端口3050上建立到客户端ip地址的TCP连接.
断电客户端
服务器上的netstat仍然显示在端口3050上建立到客户端ip地址的TCP连接.
等了几分钟
服务器上的netstat仍然显示在端口3050上建立到客户端ip地址的TCP连接.
在Windows下是否存在已建立连接的超时(本例中为Win8.1)？我能改变这个超时吗？
我找到了这，但这似乎没有回答我关于建立联系的问题。
浏览 0提问于2015-11-11得票数 7
1回答
我使用的是ngStorage，我声明了一个新的数组，我将把对象推到这个数组中。但是，每当页面重新加载数组时，就会重置该数组。
是否有一种方法可以重写它，以便我仍然可以声明新的空数组，然后将对象推送到Local中的数组，而无需每次页面加载时重置它？
var myFaves = [];
$scope.myFaves = myFaves;
$localStorage.myFaves = myFaves;
$scope.addFave = function(object){
$localStorage.myFaves.push(object);
console.l
浏览 1提问于2015-08-03得票数 2
回答已采纳
1回答
我正在使用jquery移动单页模板。导航如下：
index.html -> page1.html?param1=x -> page2.html?param1=x¶m2=y
在page2.html上，有一个指向Mobile中打开的PDF文件的链接。返回到运行中的web应用程序之后，它重新加载并在index.html.启动--这只是在主屏幕上运行web应用程序时的一个问题。
我希望这样，当我返回到web应用程序时，我仍然停留在
page2.html?param1=x¶m2=y。
我也希望这样，当我按下页面上的后退按钮时，将我返回给
page1.html?
浏览 3提问于2013-07-30得票数 1
为什么您需要使用一个方法来访问localStorage，例如：
localStorage.setItem('name', 'content');
一个API，它允许类似
localStorage.name = 'content';
就容易多了。为什么它只允许字符串呢？
浏览 4提问于2015-07-18得票数 1
回答已采纳
2回答
我正在制作一个使用jquery mobile和jquery的移动web应用程序。现在我已经有了它，当我选中我的复选框时，它会将我的变量从浏览器保存到本地存储中。但它不会将这些变量放回我的输入字段中。
这是我的脚本。函数validate()将变量保存到本地存储中。
$(document).ready(function () {
if (localStorage["mail"]) {
$('#mail').val(localStorage["mail"]);
}else{
浏览 0提问于2012-05-15得票数 0
回答已采纳
1回答
在新选项卡上保留输入值
、、、
当一个值被输入到一个输入中，并且在一个新的选项卡中打开窗口时，我希望这个值仍然显示在新的选项卡上。
是否可以使用window.localStorage来实现这一点？
请参阅
<input style="border: red solid 2px;" placeholder=" enter text...">
<button id="btn" style="background:red"
(click)="openNewTab()" routerLink="/{{ href
浏览 1提问于2019-08-30得票数 2
回答已采纳
function readProperty(property)
{
console.log(localStorage[property]) //Alerts “null”
if(localStorage[property] == null)
{
console.log('Null chek')
return false;
}
return localStorage[property];
}
日志输出"null"，但是'if()‘不能工作。我试着用===，它也不管用。请帮帮忙。
UPD:谢谢大家，这个变化帮助了
浏览 16提问于2022-06-03得票数 -1
回答已采纳
1回答
例如。我在facebook上的控制台(Chrome)上写着：
var txt = "some text";
localStorage.setItem("storage",txt);
然后我用控制台在Twitter上写到：
var text = localStorage.getItem("storage");
alert(text);
为什么它让我空了？
浏览 2提问于2017-04-29得票数 0
回答已采纳
我已经创建了一个函数，用于删除localStorage中的所有游戏数据，但是当试图在chrome开发人员控制台中使用该函数时，它返回的undefined似乎找不出原因。
编辑：，我忘记了，返回可能会让一些资深的开发人员搞不懂我的意思，我的观点是在控制台中，在运行了HardReset()函数之后，undefined说，游戏中没有任何东西实际上是重置的。
编辑：主要问题是函数并没有实际从存储中删除项目
/*
---------------------
Reset Entire Game
---------------------
*/
function HardReset(){
loca
浏览 8提问于2016-07-09得票数 0
回答已采纳
1回答
我正在使用延迟加载来呈现应用程序中的页面。
{ path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule', canActivate: [AuthGuard] }
问题是，如果我在URL中输入www.mydomain.com/dashboard，浏览器实际上会呈现仪表板页面，即使用户没有登录并在一两秒钟后重定向到登录屏幕。
如果用户没有登录，如何防止浏览器呈现任何页面？基本上，它应该直接重定向到登录页面。
AuthGuard类
export class AuthG
浏览 0提问于2019-05-31得票数 0
我试图创建一个函数，在第1页加载<body onload="alertbox()>"上显示一个警报，它可以在第2页加载而不是第1页上运行。我应该用什么代替"onload“来使它只在第一个负载上工作？
我是初学者，很抱歉这是个愚蠢的问题。
var alertboxStatus = localStorage.getItem("alertbox", alertboxStatus);
localStorage.setItem("alertbox", alertboxStatus)
function alertbox()
{
if
浏览 14提问于2021-12-18得票数 2
1回答
我似乎总是得到错误SyntaxError:意外的令牌u当我运行我的代码时，我已经查看了其他答案，但没有一个对我有帮助。我使用angularjs并传入来自json数组的id。
var fav=[];
if($window.localStorage['fav']){
$scope.fav = JSON.parse($window.localStorage['fav']);
} else {
$scope.fav = [];
};
$scope.togglefav = function(id) {
var a = JSON.parse($window
浏览 2提问于2015-12-02得票数 0
我正在尝试实现受保护的路由，这些路由只有在用户登录后才能访问。 基本上，有两条路线： 登录组件(公共)和 仪表板组件(受保护)。在用户单击 按钮输入 ，则调用一个API，该API返回一个 ，然后将其存储在localStorage中。The The The HOC检查令牌是否存在于localStorage中，并相应地重定向用户。 在单击 按钮，它只是重定向回登录页面，而不是将用户带到 ..。不确定逻辑出了什么问题。 它只是一个基于promise的localStorage操作的辅助方法。 App.js import { useEffect, useState } from "react&
浏览 42提问于2021-02-24得票数 0
回答已采纳
当用户刷新屏幕时，我希望从localStorage恢复用户数据的状态。我尝试了以下几点：
this.products$.subscribe((productsState) => {
this.products = productsState?.products;
if(!this.products.length) {
const userState = JSON.parse(localStorage.getItem("userState "));
console.log('userState ', userState )
浏览 1提问于2022-03-02得票数 0
我们正在使用React Native重建Ionic 1.x应用程序。这个应用程序被很多人使用，我不希望每个人在更新应用程序后再次登录。 当前的应用程序使用localStorage来保存定义用户是否登录的令牌(我知道，这不是最安全的方法)。我们有没有可能从React Native中的localStorage获取当前令牌，并将其放入我们的安全存储中？ 所以基本上我们可以在React Native中调用localStorage实例吗？我们使用相同的捆绑包标识符，所以有可能从旧的应用程序访问localStorage。
浏览 24提问于2021-01-12得票数 0
我有一个带有属性userFirstName的简单组件。
现在我只想显示这个属性。我做了一个简单的绑定，我在构造函数中初始化了userFirstName，但是只有当它是第一个命令时才能工作！
：，它显示了“用户名”文本。
this.userFirstName = "User Name";
this.loggedIn = localStorage.getItem("currentUser")!=null;
var currentUser = localStorage.getItem('currentUser');
let user:User = JS
浏览 7提问于2017-06-18得票数 0
我有一个简单的web应用程序，变量(var VacationBalance=21).I希望这个值在用户每次点击一个按钮( id: decrement)时递减1。另外，我希望这个保存在本地storage..However上，它根本不起作用。 下面是HTML： <h1>Current Vacations: <span id="VacationsBalance"></span></h1>
<p><button id="show-form">Submit a new Vacation&l
浏览 30提问于2019-02-23得票数 1
回答已采纳
在使用按钮或下拉菜单后，我使用下面的代码将窗口移到相同的滚动位置。下面的代码给出了其中一个按钮的示例(#english)。
编辑
f(localStorage.getItem("scroll"))
{
window.scrollTo(0, parseInt(localStorage.getItem("scroll")));
}
$("#english").on("click",function()
{
localStorage.s
浏览 0提问于2016-03-18得票数 1
回答已采纳
因此，在更新组件上的状态时，我遇到了问题。this.state.authenticated被传递给导航以隐藏/显示登录/注销按钮。但是，一旦用户登录状态，更改就不会重新启用导航。我必须手动刷新页面，以查看navbar重登并显示注销按钮。
这是代码
const token = window.localStorage.getItem("token");
class App extends Component {
constructor(props) {
super(props);
this.state = {
authenticated: fals
浏览 5提问于2017-10-06得票数 0
回答已采纳
我有这个：
var delItem = localStorage.length;
window.alert("this should be localStorage.length: " + delItem);
localStorage.removeItem(delItem); //removing the last item on storage
window.alert("length after removing item: " + localStorage.length);
有人能告诉我为什么在我取下物品之前和之后我的长度都是一样的吗？
一个我忽略的
浏览 1提问于2017-05-14得票数 0
回答已采纳
我有这个页面，我正在使用它来显示这个iframe 。
父页面在localstorage中有一个我想要从iframe访问的值。
这是父代的代码：
$(document).ready(function () {
$( "#top" ).click(function() {
localStorage.setItem("parent", "one");
alert('I am the top page');
});
});
这是iframe代码：
$(document).ready(func
浏览 22提问于2016-09-05得票数 9
1回答
本地存储多密钥存储
、、、
我想知道我是否可以在localStorage上存储多个密钥？例如：
localStorage.setItem("a_key", a_value);
localStorage.setItem("another_key", another_value);
这样做是可能的吗？如果不是，你建议我应该做什么作为解决方法，因为我需要在客户端存储两个键或变量？
浏览 2提问于2012-05-17得票数 2
回答已采纳
也许，我的问题很傻。无论如何，我的SQL服务器将tcp/ip保持活动设置设置为30,000 ms。同时，我没有在HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\TCPIP\Parameters中看到任何关于保持活动设置的注册表项。
因此，我假设我的Windows Server 2008托管SQL服务器并不是为了保持tcp/ip功能而设置的。这是正确的吗？如果这是正确的，SQL服务器是否向客户端发送保活包？
换句话说，如果未设置Windows保活设置，SQL server保持活动功能是否有效？
谢谢
浏览 3提问于2017-06-29得票数 1
1回答
我正在尝试在React中创建一个pomodori计时器，但是当计时器开启时，应该减少计时器的功能并没有暂停。 这是我的函数： const runTime = () =>{
let date = new Date().getTime();
let nextDate = new Date().getTime() +1000;
if(active){
let interval = setInterval(()=>{
date = new Date().getTime();
if(date>nextDate &am
浏览 18提问于2021-07-31得票数 2
我有一个返回产品列表的RESTful web服务。我有一个角度应用程序，它通过Ajax调用这个服务。我想做的是：
检查产品列表是否在localStorage中，如果是的话，将其显示在屏幕上，然后在后台进行Ajax调用，并在此服务返回时刷新屏幕。
实际上，我希望有一种方法首先从localStorage (我的缓存)加载和显示，然后在服务返回(并更新缓存)后用来自服务的最新数据替换它。
我想首先加载并显示来自localStorage的数据，因为如果用户离线，那么很明显，Ajax请求不会完成，我希望这个应用程序在用户没有互联网连接时工作。
你会如何在角度上实现这一点？我看着$q和承诺，但
浏览 3提问于2014-01-23得票数 4
2回答
我已经到处找了，但还是没有解决办法。我有一个垂直菜单，默认情况下是展开的。当我单击下面的图像中的toogle按钮时，它会将verical添加到body标记中，并将其保存在表示折叠状态的本地存储中。
现在我遇到的问题是，在糟糕的互联网连接屏幕上，或者在页面加载/刷新的chrome浏览器和边缘浏览器上，它首先显示默认的展开类，只有在加载了文档之后，如果mini类存在于本地存储中，它会将垂直的mini类添加到body标记中。
那么，是否可以先从本地存储加载保存的类，或者至少更快地加载，这样我们就不能首先看到默认的展开状态了吗？
我还尝试将jquery放置在头中，但仍然有相同的延迟。
有人建议我使用j
浏览 2提问于2017-05-25得票数 0
我有一个初始状态如下的component： constructor(props) {
super(props)
this.state = {
currentId: 0,
pause: true,
count: 0,
storiesDone: 0
}
this.defaultInterval = 4000
this.width = props.width || 360
this.height = props.height || 640
} 我必须从currentId = 0开始，然后更新组件
浏览 44提问于2019-05-22得票数 3
回答已采纳
这两者有什么不同：
if (localStorage.regionCode) { }
和
if (localStorage.getItem('regionCode') !== null) { }
浏览 1提问于2017-07-20得票数 1
回答已采纳
1回答
根据http://tldp.org/HOWTO/TCP-Keepalive-HOWTO/index.html，内核保活函数发生在OS级别，不需要应用程序显式调用它。不过，我还读到了应用程序必须如何调用它(使用SO_KEEPALIVE)才能真正使用内核特性。
这里> 在Linux上对传出连接不工作的保持活动选项
有人能澄清一下吗？
谢谢!
浏览 0提问于2013-04-08得票数 1
回答已采纳
<form>
<input name="Team1" id="team1" type="text" value="Team1?">
<button id="dostuff" value="Go">Go</button>
</form>
<div id ="nicteamcolumn">Team: </div>
<script>
$('#dostuff').click(f
浏览 2提问于2012-02-25得票数 0
回答已采纳
3回答
我正在将一个chrome扩展移植到firefox上。在chrome中一切都很好，但是下面的代码会在firefox中生成错误。
localStorage.setItem("display_tooltip", false);
data = localStorage.getItem('display_tooltip');
if(data.display_tooltip) //line where error occurs
display_tooltip = true;
else
dis
浏览 0提问于2014-12-01得票数 1
回答已采纳
如果您不使用第三方cookie，或者它们在浏览器的设置中被阻塞。如果您的cookie具有SameSite=Strict属性。他们的行为与localStorage有何不同？如果您的站点使用localStorage，它仍然可以保存一些user_id并识别用户。实际上，它甚至可以将这个user_id发送给第三方！
那有什么区别？
为什么其他网站上都有关于使用cookie的唠叨呢？但不是说要使用其他类型的本地存储器？
是的，我知道cookies是随每个请求一起发送的，而在localStorage中，您需要故意发送本地保存的信息。但是，没有人警告说，他们可以识别用户，甚至泄露这些信息，只是他们使用coo
浏览 3提问于2020-06-10得票数 0
我想通过每次获取/存储设置时执行一些代码来扩展localStorage。我可以为localStorage的所有现有属性定义getter/setter，但问题在于新设置。
例如，localStorage['somenewsetting'] = 123创建一个新设置。我想为这个属性自动定义一个getter/setter，以便为新设置执行我的添加代码。
基本上我需要Object.watch，但是对于所有的属性。我发现的是，但它在Chrome上不可用。这种方法有可用的垫片吗？还是有另一种方法来观察一个对象的所有属性？
再一次，我需要在Chrome上实现这一点。
浏览 4提问于2011-06-21得票数 1
回答已采纳
在localStorage中设置变量的正确方法是什么？
localStorage.hello = 'world'
或
localStorage.setItem('hello','world')
浏览 4提问于2021-08-13得票数 5
回答已采纳
写localStorage['key'] = value和localStorage.setItem('key', value)有什么区别吗？
我看到标记为重复，但在开发人员工具中，这两个符号的行为是不同的:括号符号似乎不序列化为字符串。
例如：
> localStorage['key'] = [1,2,3]
[1, 2, 3]
> localStorage.setItem('other', [4,5,6])
undefined
> localStorage.key
[1, 2, 3]
> localStor
浏览 3提问于2014-07-17得票数 2
回答已采纳
2回答
传递两个视图模型到操作
、、、
我在电子商务的手推车里工作。我有两个视图模型。
第一，为客户信息：
public class CartViewModel
{
public string FirstName{get;set;}
public string Email{get;set;}
//... other fields
}
其次是顾客手推车：
public class ProductsCart
{
public Guid Id { get; set; }
public decimal Price { get; set; }
浏览 4提问于2016-05-12得票数 5
我在Google上有一个利用localStorage的Cordova应用程序。在新版本中，使用相同的键，但期望值不同。这意味着，如果遇到旧值，可能会出现问题。
一个明显的解决方案是有一个version变量来跟踪应用程序的版本。如果存储的值与应用程序的当前版本相同，则什么也不做，否则更新值并清除localStorage。
不过，这是否真的需要呢？我注意到当我为调试目的重新安装应用程序时，localStorage有时会被清除。
localStorage**?** 在Google上做了一个更新保证新的
localStorage 到底是什么时候被清除的？
浏览 0提问于2017-05-23得票数 1
回答已采纳
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
var test = null;
if(test !== null){
console.log('should not be logged in the console');//it worked
}
localStorage.setItem('foo',null);
console.log(localStorage.getItem('foo'));//logs null
if(localStorage.getItem('foo') !== null){
console.log('should not
浏览 2提问于2015-08-31得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
