客户端存储(sessionStorage)

页面一

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            if (window.sessionStorage) {
                var name = window.sessionStorage.getItem("name");
                var age = window.sessionStorage.getItem("age");
                if (name != "" || name != null) {
                    $("#name").val(name);
                }
                if (age != "" || age != null) {
                    $("#age").val(age);
                }
            }
            else {
                //
            }
        })
        function SaveToStorage() {
            if (window.sessionStorage) {
                var name = $("#name").val();
                var age = $("#age").val();
                window.sessionStorage.setItem("name", name);
                window.sessionStorage.setItem("age", age);
                window.location.href = "Test.html";
            }
            else {
                //
            }
        }
    </script>
</head>
<body>
    <table>
        <tr>
            <td>Name:
            </td>
            <td>
                <input type="text" name="name" id="name" />
            </td>
        </tr>
        <tr>
            <td>Age:</td>
            <td>
                <input type="text" name="age" id="age" />
            </td>
        </tr>
    </table>
    <input type="button" value="text" onclick="SaveToStorage()" />
</body>
</html>

页面二

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        function AddStorageValue() {
            if (window.sessionStorage) {
                var name = window.sessionStorage.getItem("name");
                var age = window.sessionStorage.getItem("age");
                $("#name").val(name);
                $("#age").val(age);
                window.sessionStorage.removeItem("name");
                window.sessionStorage.removeItem("age");
            }
            else {
                // 
            }
        }
        function backToPrevious() {
            window.location.href = "HtmlPage3.html";
        }
    </script>
</head>
<body>
    <input type="text" id="name" />
    <input type="text" id="age" />
    <input type="submit" value="Submit" onclick="AddStorageValue()" />
    <input type="button" value="Back" onclick="backToPrevious()" />
 </body>
</html>

　　

　

 

posted @ 2012-11-13 11:45  bradleydan  阅读(255)  评论(0)    收藏  举报