Question

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

现在我已将其设置为代码提示用户输入其名称，它将该值存储在变量中，并将其放在html中的锚标记内。这很好，事实上，它正是我想要的，但唯一的问题是每次刷新页面时，用户都需要再次输入他们的名字。您可能会看到可能存在问题的地方。

所以我的问题是：是否可以让我的代码记住用户的名字，并在每次打开页面时打印出来，而不是每次都需要重新输入。如果我们能够将它保持为最好的纯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>

Answer 1

答案是localstorage。要使用此功能，请参阅This Page。除了第一段代码之外别担心。

我的代码如何记住用户输入？

1 个答案: