1

F5キーを押した後にページの状態を保存するにはどうすればよいですか（phpまたはjavascriptを使用）

このページがあります。IIがボタン1を押すと、div 1が消え、もう一度div 1を押すと、再び表示されます。ボタン2も同じ機能です。ボタン1（またはbutton2）を押すとdivが消え、F5を押すとdiv1（またはdiv2）を非表示にしておく方法はありますか？

<input type="submit" id="button1" name="button1" value="ID1"><br/>

    <div id="div1" name="div1"/> 
    <b>Hello1</b><br>
    <img src="pic1.png" height="100px" width="100px" /> 
    </div>
<input type="submit" id="button2" name="button2" value="ID2"><br/>

    <div id="div2" name="div2"/> 
    <b>Hello2</b><br>
    <img src="pic2.png" height="100px" width="100px" /> 
    </div>
<script>
 $(document).ready(function(){
        $("#button1").toggle(function(){
            $("#div1").hide();
        }, 
        function(){
            $("#div1").show();
        });
    });
    //
    $(document).ready(function(){
        $("#button2").toggle(function(){
            $("#div2").hide();
        }, 
        function(){
            $("#div2").show();
        });
    });
</script>

前もって感謝します

4

3 に答える 3

4

さて、Cookieは最後の状態などを保存するトリックを行うことができます。html5がすべてのブラウザで利用できるかどうかわからない場合。

于 2012-10-15T22:25:30.407 に答える
2

1つの方法は、これにHTML5履歴を使用することです。

var state = { div1: true, div2: false };
history.pushState(state, 'Page', 'mypage/10');
于 2012-10-15T22:24:02.873 に答える
1

ローカルストレージ

ローカルに大量のデータを保存したい場合は、ローカルストレージを使用する別の機会があります（HTML5以降）。JavaScriptを使用して直接行うか、利用可能なjQueryプラグインの1つを使用して行うことができます。

たとえば、totalStorageの場合：

 var scores = new Array();
scores.push({'name':'A', points:10});
scores.push({'name':'B', points:20});
scores.push({'name':'C', points:0});
$.totalStorage('scores', scores);
于 2013-01-29T13:03:10.253 に答える