New サムネイル CSSでプレースホルダー(placeholder)の色を変える:ベンダープレフィックスをカンマつ New サムネイル GolangでGoogle Cloud Storageに画像やファイルをアップロードする(os. New サムネイル GoでMySQLやMariaDBのtimestampを読みこむ:データベース接続時に?parse

JavaScriptでCookieをセット/削除する関数(setCookieとdeleteCookie):エラーを起こさないためにpathはきちんと設定しよう

広告

JavaScript で Cookie をセットする

JavaScript で Cookie をセットする関数。

function setCookie(name, value, days) {
    let expires;
    if (days) {
        const date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    } else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}

例えば次のように使う。

setCookie('session', 'test', 12)

上のコードでは session に test という値をセットし、それを 12 日間保存している。

広告

JavaScript で Cookie を削除する

JavaScript で Cookie を削除する関数。削除するというよりも期限を過去に設定する。直接削除する関数はないようだ。

function deleteCookie(name) {
    const d = new Date();
    d.setTime(d.getTime() - (1000 * 60 * 60 * 24));
    document.cookie = name + '=; expires=' + d.toUTCString() + "; path=/";
}

Stack Overflow などで正常に削除されない関数が掲載されているが、その原因は path を設定していないことにあるかもしれない。セットと同様に削除も path をきちんと設定しよう。

この関数は次のように使う。

deleteCookie('session')

これで session という名前のクッキーは消える。

広告

広告

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy