如何使用javascript存储和读取cookie

时间:2014-07-08 16:36:53

标签: javascript html cookies

我不知道此类问题是否会被问过,但我不在乎,因为我认为他们的一些答案还不够清楚。我创建了一个示例页面,它将接收一个随机输入并将其存储为cookie,这很好。但我想要实现的是,例如,如果页面被重新加载,或者您关闭并重新打开浏览器并且您单击了文本框,则您之前输入的输入将可供您再次使用。

这是我的代码:

<html>
<head>
    <script type="text/javascript">
        function cookie_Saver()
        {
            var cookieV = document.forms["sampleform"]["samplebox"].value;
            var theDate = new Date(2014, 07, 09);
            theDate = theDate.toUTCString();
            document.cookie = "text="+cookieV+";expires="+theDate;
            alert("Done");
        }
    </script>
</head>

<body>
    <form name="sampleform">
        Enter Cookie Text<input type="text" name="samplebox" id="samplecookiebox">
        <button type="button" onclick="cookie_Saver()">Submit</button>
    </form>
</body>

我希望能够通过 html和javascript 来做到这一点

1 个答案:

答案 0 :(得分:0)

只需使用Read cookies with JavaScript

中的getCookie函数即可
    function cookie_loader()
    {
        document.forms["sampleform"]["samplebox"].value = getCookie("text");

    }

将此函数调用onLoad。