На этот вопрос уже есть ответ здесь:

Джон

объект в файле .js, который y Вы затем импортируете, используя

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 code:

<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>

javascript Объекты не Этот вопрос был задан ранее и уже имеет ответ. Если эти ответы не полностью отвечают на ваш вопрос, пожалуйста, , Blazemonger Javascript Пользователи с задайте новый вопрос может в одиночку закрыть вопросы как дубликаты и повторно открывайте их по мере необходимости. 5 сентября ’14 в 13:14

Я считаю, что следующий код намного проще, чем что-либо еще: Теперь вызов функций Глядя на вывод

http: // www. quirksmode.org/js/cookies.html

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()   (days*24*60*60*1000));
        expires = "; expires="   date.toUTCString();
    }
    document.cookie = name   "="   (value || "")    expires   "; path=/";
}
function getCookie(name) {
    var nameEQ = name   "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i  ) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name '=; Max-Age=-99999999;';  
}

Это много

setCookie('ppkcookie','testcookie',7);

var x = getCookie('ppkcookie');
if (x) {
    [do something with x]
}

, но иногда нет ; просто как динамический Этот фрагмент взят из

Они обновили страницу сегодня, поэтому все на странице должно быть самым последним на данный момент.

Существует альтернативный фрагмент много лучших ссылок, чем w3schools ( самая ужасная веб-ссылка из когда-либо сделанных):

Примеры, полученные из этих ссылок:

// sets the cookie cookie1
document.cookie =
 'cookie1=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// sets the cookie cookie2 (cookie1 is *not* overwritten)
document.cookie =
 'cookie2=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// remove cookie2
document.cookie = 'cookie2=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/'

Справочник Mozilla даже имеет хорошую библиотеку cookie, которую вы можете использовать.

Я уверен, что на этот вопрос должен быть более общий ответ с кодом многократного использования, который работает с файлами cookie в качестве пар ключ-значение.

Проверить MDN и все

var docCookies = {
  getItem: function (sKey) {
    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\s*"   encodeURIComponent(sKey).replace(/[-. *]/g, "\$&")   "\s*\=\s*([^;]*).*$)|^.*$"), "$1")) || null;
  },
  setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) {
    if (!sKey || /^(?:expires|max-age|path|domain|secure)$/i.test(sKey)) { return false; }
    var sExpires = "";
    if (vEnd) {
      switch (vEnd.constructor) {
        case Number:
          sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age="   vEnd;
          break;
        case String:
          sExpires = "; expires="   vEnd;
          break;
        case Date:
          sExpires = "; expires="   vEnd.toUTCString();
          break;
      }
    }
    document.cookie = encodeURIComponent(sKey)   "="   encodeURIComponent(sValue)   sExpires   (sDomain ? "; domain="   sDomain : "")   (sPath ? "; path="   sPath : "")   (bSecure ? "; secure" : "");
    return true;
  },
  removeItem: function (sKey, sPath, sDomain) {
    if (!sKey || !this.hasItem(sKey)) { return false; }
    document.cookie = encodeURIComponent(sKey)   "=; expires=Thu, 01 Jan 1970 00:00:00 GMT"   ( sDomain ? "; domain="   sDomain : "")   ( sPath ? "; path="   sPath : "");
    return true;
  },
  hasItem: function (sKey) {
    return (new RegExp("(?:^|;\s*)"   encodeURIComponent(sKey).replace(/[-. *]/g, "\$&")   "\s*\=")).test(document.cookie);
  },
  keys: /* optional method: you can safely remove it! */ function () {
    var aKeys = document.cookie.replace(/((?:^|s*;)[^=] )(?=;|$)|^s*|s*(?:=[^;]*)?(?:1|$)/g, "").split(/s*(?:=[^;]*)?;s*/);
    for (var nIdx = 0; nIdx < aKeys.length; nIdx  ) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); }
    return aKeys;
  }
};

У Mozilla есть несколько тестов, чтобы доказать, что это работает во всех случаях.

файлы cookie JavaScript на W3Schools.com говорится, что :

javascript — Как применить! важные с помощью .css ()? — Переполнение стека JavaScript — Как применить! Важно с помощью .css ()? для установки и получения значений cookie via JS.

Просто используйте методы setCookie и getCookie, упомянутые там.

Итак, код будет выглядеть примерно так:

<script>
function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate()   exdays);
    var c_value = escape(value)   ((exdays == null) ? "" : "; expires="   exdate.toUTCString());
    document.cookie = c_name   "="   c_value;
}

function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i  ) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=")   1);
        x = x.replace(/^s |s $/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

function cssSelected() {
    var cssSelected = $('#myList')[0].value;
    if (cssSelected !== "select") {
        setCookie("selectedCSS", cssSelected, 3);
    }
}

$(document).ready(function() {
    $('#myList')[0].value = getCookie("selectedCSS");
})
</script>
<select id="myList" onchange="cssSelected();">
    <option value="select">--Select--</option>
    <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>