Question

我在创建简单的Chrome扩展程序时遇到问题。

以下程序应该在选项页面上执行：

用户必须输入两个值（apikey和apisecure）这些值将保存在本地存储中。

我想获取这些存储的值并在options.html上打印出来：

<html>
<head>
    <title>API-Konfiguration</title>
    <script type="text/javascript" src="options.js"></script>
</head>
<body onload="loadOptions()">
    <h1>Bitte API-Key und API-Secure hinterlegen:</h1>
    <form>
API-Key:<br>
<input type="text" id="v_apikey" name="apikey">
<br>
API-Secure:<br>
<input type="text" id="v_apisecure" name="apisecure">
</form>
    <br />
    <button onclick="saveOptions()">Speichern</button>
    <br />
    <button onclick="eraseOptions()">Daten loeschen</button>
</body>
</html>

options.js包含以下内容：

function loadOptions() {
    var apikey = localStorage["v_apikey"];
    var apisecure = localStorage["v_apisecure"];

}

function saveOptions() {
    var apikey = document.getElementById("v_apikey");
    var apisecure = document.getElementById("v_apisecure");
    localStorage["v_apikey"] = apikey;
    localStorage["v_apisecure"] = apisecure;
}

function eraseOptions() {
    localStorage.removeItem("v_apikey");
    localStorage.removeItem("v_apisecure");
    location.reload();
}

function getItems() {

document.write(localStorage.getItems("v_apikey"));
document.write(localStorage.getItems("v_apisecure"));

}

我不知道如何在输入字段中输出已保存的值（如果已经存储了它们）。

谁可以帮我解决这个“小问题”？

提前致谢！

Answer 1

要将值保存到localstorage，您还可以使用以下内容：

window.localStorage.setItem（“newsrefreshcomment”，value）;

以下是我用来从本地存储中检索值的示例代码。在从本地存储中重新获取值之前，我们必须检查网络存储支持。

要检索存储的值，我们可以使用：

if (typeof (Storage) != "undefined") {
        if (localStorage.getItem("newsrefreshcomment") != null) {
            commentValnews = localStorage.getItem("newsrefreshcomment").toString();

        } 
    }

来自Javascript Value的Chrome扩展/输出

1 个答案: