簡單的cookie來保持背景設置

Question

好的，所以我已經把可選頁面背景的代碼放到了用戶可以選擇的位置，但我需要編寫一個cookie，以便用戶的首選背景顏色即使在頁面刷新後也保持爲選定狀態。我已經看了十幾篇教程，但是我對這個案例中的任何一個都毫無希望。

下面的代碼：

<script style='text/javascript' type='text/javascript'> 
var backColour = new Array(); 

backColour[0] = &#39;#FFFFFF&#39;; 
backColour[1] = &#39;#000000&#39;; 

function changeBG(whichColour){ 
    document.body.style.backgroundColor = backColour[whichColour]; 
} 
</script> 

這將背景設置可點擊鏈接：

<a href='#' onclick='javascript:changeBG(0);'>//WHITE</a> 
    <a href='#' onclick='javascript:changeBG(1);'>//BLACK</a> 

等

Answer 1

您可以使用：

document.cookie = 'mybg=' + theBGColor + ';';寫出cookie。

和

if(document.cookie.indexOf('mybg=') != -1) { 
    mybg = document.cookie.split('mybg=')[1].split(';')[0]; 
} 

從餅乾回讀顏色

Answer 2

如果你使用jQuery，來看看https://github.com/carhartl/jquery-cookie