javascript - 应用程序中的 HTML "Set as default"

Question

我目前正在处理一个使用 Apache Cordova 的项目。在我们的 HTML 文件中，我们有一个搜索框，用户可以在其中输入 ie。 “A 级”，如果他/她愿意，将其设置为默认值。当用户重新打开应用程序时，应用程序记住输入的最简单方法是什么？由于我们只是为 Android 和 IOS 创建一个( native )应用程序，cookie 不会这样做。本地存储是处理这个问题最简单和正确的方法吗？在代码中应该如何实现？如果重要的话，我们的项目中有 HTML/CSS/JS。

提供 HTML 的 fragment ；

    <div data-role="content" id="content">
        <div id="search">
            <div class="ui-widget">
                <div id="timetable">
                </div>

                <form onsubmit="return false" id="searchform">
                    <input type="text" oninput="upperCaseGroup(this)" id="field" placeholder="Search group's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off">
                    <input type="text" oninput="upperCaseClass(this)" id="fieldClass" placeholder="Search room's timetable" maxlength="100" class="ui-autocomplete-input" autocomplete="off">
                    <p id="searchNotifi">* Search timetables inputting desired group or room id. (ie. TITE14 / A420.2) <a href style="color: deeppink" id="hidemsg">Okay!</a></p>
                    <label for="remember" id="mlabel"><input type="checkbox" id="remember" data-role="none" />Set as default</label>
                    <!-- <div id="hae" class="ui-btn ui-input-btn ui-corner-all ui-shadow">Search</div> -->
                    <input type="button" value="Search" id="search" class="btn openpanel" onclick="executeSearch()" />
                </form>
            </div>
        </div>

这就是代码在应用程序中的样子(带有 JS 函数等)。

所以一切正常，但我们如何将搜索设置为默认搜索，以便应用在用户下次打开应用时记住输入？

提前谢谢你。

Answer 1

您可以使用 localStorage，即使浏览器关闭并重新打开，它仍然存在，并且会像那样。

localStorage.setItem("val1","some text");

localStorage.getItem("val1")
//some text

Window.localStorage