添加一个cookie到我的HTML页面？

我看了看周围的计算器为我的问题的答案，但我不完全理解他们或他们不为我工作。我正在为作业创建地址簿，并且希望能够保留添加的人员的姓名而不使用数据库。我希望能够制作一个可以存储该人信息的cookie。这是我的任务，到目前为止：http://pastebin.com/4vX2h0A0 它没有什么特别，但我真的很感激，如果有人可以帮助：d添加一个cookie到我的HTML页面？

来源

2014-02-08 Dubstowel

我想你可能会这样觉得很好看： http://www.w3schools.com/js/js_cookies.asp

您可以设置和retreive通过JavaScript的cookie，我认为你正在尝试做什么。看看W3C的资源，你应该很好去。

非常快概述：

document.cookie = "key=value"; 
var x = document.cookie; 
console.log(x);

此输出应到控制台 “你的cookie的值。”继续前进，阅读并给它一个镜头。请记住，如果你继续设置document.cookie值，它会附加到那里的值，当你做var x = document.cookie;你会得到一切。你将不得不自己解析它，但W3C资源提供了一个很好的功能来帮助你！

祝你好运！

来源

2014-02-08 05:24:52

谢谢:)这真的帮助！ – Dubstowel

不是问题，祝您在学习中好运！ –

请注意，这可能会导致麻烦，因为您没有Cookie密钥可供参考。如果cookie已被设置，则最终得到如下结果：someCookie = foo; someOtherCookie =巴;你的cookie值使得它很难得到“你的cookie值”，特别是如果这是动态的 – mondo

你总是可以只是做：

document.cookie="addressBook=..."

你可能想要做像JSON.stringify（）包含地址簿中的所有对象，然后将其添加到cookie。当你阅读它时只需要对其执行JSON.parse（）。

但你可以看看本地存储来代替： localStorage array of objects handling

来源

2014-02-08 05:25:37 mondo

我在下面的方式使用这个例子中，它可以为你非常有帮助。

<script type="text/javascript"> 

function WriteCookie() 
{ 
    if(document.searchrecord.search.value == ""){ 
     alert("Enter some value!"); 
     return; 
    } 

    cookievalue= escape(document.searchrecord.search.value) + ";"; 
    document.cookie="name=" + cookievalue; 
    alert("Setting Cookies : " + "name=" + cookievalue); 
} 

function ReadCookie() 
{ 
    var allcookies = document.cookie; 
    alert("All Cookies : " + allcookies); 

    // Get all the cookies pairs in an array 
    cookiearray = allcookies.split(';'); 

    // Now take key value pair out of this array 
    for(var i=0; i<cookiearray.length; i++){ 
     name = cookiearray[i].split('=')[0]; 
     value = cookiearray[i].split('=')[1]; 
     alert("Key is : " + name + " and Value is : " + value); 
    } 
}

这是HTML表单：

<form name="searchrecord" method="get" id="category" action="" onsubmit="WriteCookie()"> 
     <b>Search By Category :- </b> 
     <select name="search" style="width:145px;"> 
        <option value="Today's Deals">Today's Deals</option> 
        <option value="Laptop">Laptop</option> 
        <option value="TV" >TV</option> 
        <option value="Tablet">Tablet</option> 
     </select> 
     <input type="submit" name="btn" value="Search" onclick="ReadCookie()"/> 

</form>

来源

2014-02-08 05:31:29 Mayur

让我知道这是否对你有帮助。 – Mayur

我怎么能把这个插入到我的html页面？ – Dubstowel

你可以在代码的上面，即头标签中的脚本代码，然后在主体中添加此表单。 – Mayur

添加一个cookie到我的HTML页面？

回答

相关问题