用JavaScript设置cookie和获取cookie
我试图根据我在HTML中选择的CSS文件来设置一个cookie。我有一个带有选项列表的表单,不同的CSS文件作为值。当我选择一个文件时,它应该被保存在一个cookie中,持续一周左右。下次打开你的HTML文件时,应该是你之前选择的那个文件。
JavaScript代码。
function cssLayout() {
document.getElementById("css").href = this.value;
}
function setCookie(){
var date = new Date("Februari 10, 2013");
var dateString = date.toGMTString();
var cookieString = "Css=document.getElementById("css").href" + dateString;
document.cookie = cookieString;
}
function getCookie(){
alert(document.cookie);
}
HTML代码。
<form>
Select your css layout:<br>
<select id="myList">
<option value="style-1.css">CSS1</option>
<option value="style-2.css">CSS2</option>
<option value="style-3.css">CSS3</option>
<option value="style-4.css">CSS4</option>
</select>
</form>
482
4
我觉得下面的代码比其他的都要简单得多。
现在,调用函数
资料来源 - http://www.quirksmode.org/js/cookies.html
他们今天更新了页面,所以页面中的所有内容应该是目前最新的。
这些是比w3schools(有史以来最糟糕的网络参考资料)好得多*多的参考资料。
从这些参考资料中得出的例子。
Mozilla的参考资料甚至有一个不错的cookie库,你可以使用。
我相信这个问题应该有一个更普遍的答案,即用一些可重复使用的代码来处理作为键值对的cookies。
这个片段取自MDN,可能是值得信赖的。这是用于处理cookie的UTF安全的对象。
Mozilla有一些测试来证明这在所有情况下都是有效的。
有一个替代片段这里。
请查看[W3Schools.com上的JavaScript Cookies][1],通过JS设置和获取cookie值。
只要使用那里提到的setCookie和getCookie方法即可。
因此,代码看起来会是这样的。