9

私は最初のWebアプリケーションを構築しようとしています。私のアプリでは設定パネルが必要ですが、その方法がわかりません。私はWebを検索していて、HTML5 localStorageに出くわしました。これは、物事を行うための最良の方法であると信じています。しかし、問題は私がそれをどのように使うのかわからないということです。

<input type='text' name="server" id="saveServer"/>

ユーザーがボタンをクリックしたときに、入力からlocalStorageにデータを保存するにはどうすればよいですか？このようなもの？

<input type='text' name="server" id="saveServer"/>  

<button onclick="save_data()" type="button">Save/button>

    <script>
            function saveData(){
        localStorage.saveServer
        }
        </script>
4

2 に答える 2

19

localStorageオブジェクトには、setItemアイテムを格納するために使用されるメソッドがあります。2つの引数が必要です。

  1. アイテムを参照できるキー

  2. 価値

    var input = document.getElementById("saveServer");
localStorage.setItem("server", input.val());

上記のコードは、最初にinput要素への参照を取得し、次にその要素の値の値を使用してアイテム（「サーバー」）をローカルストレージに格納しますinput。

次のコマンドを呼び出すことで値を取得できますgetItem。

var storedValue = localStorage.getItem("server");
于 2012-04-26T12:23:16.090 に答える
1

これは私のために働いた。.value設定のために私は後ろに置き、varで呼んvarだsetItem：

var input = document.getElementById('saveServer').value;
localStorage.setItem('server', input);

テキストを取り戻すには：

document.getElementById('saveServer').value = localStorage.getItem('server');
于 2015-02-07T12:25:33.800 に答える