javascript - 我的代码如何记住用户输入?

标签 javascript html css google-chrome-extension

我正在编写一个程序,最终将在 Chrome 扩展中使用,每次打开新选项卡时都会启动该扩展,基本上我想要它做的就是显示时间和“你好,你的名字。”

现在我已经设置好了,所以代码会提示用户输入他们的名字,它将该值存储在变量中,并将其放置在 html 中的 anchor 标记内。这太棒了,事实上,这正是我想要的,但唯一的问题是每次刷新页面时,用户都需要再次输入他们的名字。您可能会发现这可能是问题所在。

所以我的问题是:是否可以让我的代码记住用户名并在每次打开该页面时打印出来,而不是每次都需要重新输入。如果我们可以将其保留为纯 js,那就更好了,但我始终对其他解决方案持开放态度。

我的代码如下所示:

<html>
<head>
    <script>
    function clock() {
       var now = new Date();
       var outStr = now.getHours()+':'+now.getMinutes()+':'+now.getSeconds();
       document.getElementById('clockA').innerHTML=outStr;
       setTimeout('clock()',1000);
    }

        function name() {
            var name = prompt("What's your name?");

            document.getElementById('hello').innerHTML = "Hello," + " " + name;
        }

    </script>
</head>
<body onload='clock(); name();'>

    <div id=time-parent>
        <a id="clockA"></a>
        <p id="hello"></p>
    </div>

</body>
</html>

最佳答案

答案是本地存储。要使用此功能,请参阅 This Page 。除了第一段代码之外,不用担心任何事情。

关于javascript - 我的代码如何记住用户输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33585620/

相关文章:

javascript - Javascript 函数中的开关

javascript - 选择html表的一些行,并在单击链接时将所选行的一列的值发送到另一个php页面

css - scss 函数输出为关键帧步长百分比

javascript - JS拖拽: Dropping one element on top of another replaces dataTransfer data with first elements

javascript - 使用 Connect 上传文件

javascript - React js如何从内容上的子链接打开新页面而不显示上一页

javascript - 我如何判断一个对象是否是 jQuery Promise/Deferred?

javascript - 如何使用 Highcharts 在右侧获得像左侧这样的闭合边框?

jquery - 固定图片位置

html - 在显示尺寸减小的同时调整图像和文本的大小