function deleteAllCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
}
このコードには2つの制限があります。
HttpOnlyフラグはJavascriptによるCookieへのアクセスを無効にするため、HttpOnlyフラグが設定されたCookieは削除されません。Pathの値が設定されているクッキーは削除されません。 （これは、それらのクッキーがdocument.cookieに現れるという事実にもかかわらず、あなたがそれが設定されたのと同じPath値を指定せずにそれを削除することはできません。）
ワンライナー
あなたがすぐにそれを貼り付けたい場合には...
document.cookie.split(";").forEach(function(c) { document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); });
ブックマークレットのコードは次のとおりです。
javascript:(function(){document.cookie.split(";").forEach(function(c) { document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); }); })();
私自身と少しのフラストレーションの後、私はすべてのパスから名前付きクッキーを削除しようとするこの機能を一緒にノックしました。各Cookieに対してこれを呼び出すだけで、以前のすべてのCookieを削除するようになります。
function eraseCookieFromAllPaths(name) {
// This function will attempt to remove a cookie from all paths.
var pathBits = location.pathname.split('/');
var pathCurrent = ' path=';
// do a simple pathless delete first.
document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;';
for (var i = 0; i < pathBits.length; i++) {
pathCurrent += ((pathCurrent.substr(-1) != '/') ? '/' : '') + pathBits[i];
document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;' + pathCurrent + ';';
}
}
いつものように異なるブラウザは異なる動作をしますが、これは私のために働いた。楽しい。
そして、これはすべてのパスのすべてのクッキーとドメインのすべての変種（www.mydomain.com、mydomain.comなど）をクリアするものです。
(function () {
var cookies = document.cookie.split("; ");
for (var c = 0; c < cookies.length; c++) {
var d = window.location.hostname.split(".");
while (d.length > 0) {
var cookieBase = encodeURIComponent(cookies[c].split(";")[0].split("=")[0]) + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=' + d.join('.') + ' ;path=';
var p = location.pathname.split('/');
document.cookie = cookieBase + '/';
while (p.length > 0) {
document.cookie = cookieBase + p.join('/');
p.pop();
};
d.shift();
}
}
})();
jquery.cookie プラグインにアクセスできる場合は、この方法ですべてのクッキーを消去できます。
for (var it in $.cookie()) $.removeCookie(it);
私が知っている限りでは、ドメインに設定されているCookieを一括削除する方法はありません。名前がわかっていて、スクリプトがCookieと同じドメインにある場合は、Cookieを消去できます。
値を空に、有効期限を過去のどこかに設定できます。
var mydate = new Date();
mydate.setTime(mydate.getTime() - 1);
document.cookie = "username=; expires=" + mydate.toGMTString();
Javascriptを使ってクッキーを操作することについての ここで素晴らしい記事 があります。
ここでの2番目の回答とW3Schoolsの両方の影響を受ける回答
document.cookie.split(';').forEach(function(c) {
document.cookie = c.trim().split('=')[0] + '=;' + 'expires=Thu, 01 Jan 1970 00:00:00 UTC;';
});
働いているようです
編集：スタックオーバーフローがそれらを隣り合わせに配置する方法がZachのおもしろいものとほとんど同じであることをうわー。
edit：一時的に見えたnvm
もっと簡単です。もっと早く。
function deleteAllCookies() {
var c = document.cookie.split("; ");
for (i in c)
document.cookie =/^[^=]+/.exec(c[i])[0]+"=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
私はクッキーをクリアするためにこの方法を共有すると思いました。おそらくそれはある時点で他の誰かに役立つかもしれません。
var cookie = document.cookie.split(';');
for (var i = 0; i < cookie.length; i++) {
var chip = cookie[i],
entry = chip.split("="),
name = entry[0];
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
私はなぜ最初の投票された答えが私のために働かないのかわかりません。
として この答え は言った：
ブラウザのクッキーを削除する100％解決策はありません。
問題は、クッキーがキーの「名前」だけでなく「ドメイン」と「パス」によっても一意に識別されることです。
クッキーの「ドメイン」と「パス」を知らないと、確実にそれを削除することはできません。この情報はJavaScriptのdocument.cookieからは入手できません。 HTTP Cookieヘッダーからも入手できません。
だから私の考えは、クッキーの設定、取得、削除のフルセットを含むCookieバージョン管理を追加することです。
var cookie_version_control = '---2018/5/11';
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+cookie_version_control + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name+cookie_version_control + "=";
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 removeCookie(name) {
document.cookie = name+cookie_version_control+'=; Max-Age=-99999999;';
}
私はいくつかのより洗練されたOOP指向のクッキー制御モジュールを持っています。また、既存のCookieをすべて消去するためのdeleteAllメソッドも含まれています。このバージョンのdeleteAllメソッドには、現在のドメイン内のすべてのCookieを削除するpath=/設定があることに注意してください。ある範囲からのみクッキーを削除する必要がある場合は、このメソッドに動的pathパラメータを追加してこのメソッドをアップグレードする必要があります。
主なCookieクラスがあります。
import {Setter} from './Setter';
export class Cookie {
/**
* @param {string} key
* @return {string|undefined}
*/
static get(key) {
key = key.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1');
const regExp = new RegExp('(?:^|; )' + key + '=([^;]*)');
const matches = document.cookie.match(regExp);
return matches
? decodeURIComponent(matches[1])
: undefined;
}
/**
* @param {string} name
*/
static delete(name) {
this.set(name, '', { expires: -1 });
}
static deleteAll() {
const cookies = document.cookie.split('; ');
for (let cookie of cookies) {
const index = cookie.indexOf('=');
const name = ~index
? cookie.substr(0, index)
: cookie;
document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
}
}
/**
* @param {string} name
* @param {string|boolean} value
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
*/
static set(name, value, opts = {}) {
Setter.set(name, value, opts);
}
}
Cookieの設定メソッド（Cookie.set）はかなり複雑なので、他のクラスに分解しました。これのコードがあります：
export class Setter {
/**
* @param {string} name
* @param {string|boolean} value
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
*/
static set(name, value, opts = {}) {
value = Setter.prepareValue(value);
opts = Setter.prepareOpts(opts);
let updatedCookie = name + '=' + value;
for (let i in opts) {
if (!opts.hasOwnProperty(i)) continue;
updatedCookie += '; ' + i;
const value = opts[i];
if (value !== true)
updatedCookie += '=' + value;
}
document.cookie = updatedCookie;
}
/**
* @param {string} value
* @return {string}
* @private
*/
static prepareValue(value) {
return encodeURIComponent(value);
}
/**
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
* @private
*/
static prepareOpts(opts = {}) {
opts = Object.assign({}, opts);
let {expires} = opts;
if (typeof expires == 'number' && expires) {
const date = new Date();
date.setTime(date.getTime() + expires * 1000);
expires = opts.expires = date;
}
if (expires && expires.toUTCString)
opts.expires = expires.toUTCString();
return opts;
}
}
Document.cookie変数を調べることでリストを取得できます。それらすべてをクリアすることは、それらすべてをループしてそれらを1つずつクリアすることだけの問題です。
複数のスタイルのCookieで複数のスタイルのブラウザにリストされているほとんどすべての方法をテストした後、50％でもここでうまくいくものはほとんどないことがわかりました。
必要に応じて修正してください。ただし、ここに2セントを投入します。次のメソッドはすべてを細分化し、基本的に両方の設定要素に基づいてcookie値の文字列を作成します。もちろん/で始まるパス文字列のステップバイステップの作成も含まれます。
これが他の人を助けてくれることを願っています、そして私はどんな批判もこの方法を完成するという形でやってくることを願っています。最初は他の人が求めていたような単純な1ライナーを望んでいましたが、JS cookieはそう簡単には扱えないものの1つです。
;(function() {
if (!window['deleteAllCookies'] && document['cookie']) {
window.deleteAllCookies = function(showLog) {
var arrCookies = document.cookie.split(';'),
arrPaths = location.pathname.replace(/^\//, '').split('/'), // remove leading '/' and split any existing paths
arrTemplate = [ 'expires=Thu, 01-Jan-1970 00:00:01 GMT', 'path={path}', 'domain=' + window.location.Host, 'secure=' ]; // array of cookie settings in order tested and found most useful in establishing a "delete"
for (var i in arrCookies) {
var strCookie = arrCookies[i];
if (typeof strCookie == 'string' && strCookie.indexOf('=') >= 0) {
var strName = strCookie.split('=')[0]; // the cookie name
for (var j=1;j<=arrTemplate.length;j++) {
if (document.cookie.indexOf(strName) < 0) break; // if this is true, then the cookie no longer exist
else {
var strValue = strName + '=; ' + arrTemplate.slice(0, j).join('; ') + ';'; // made using the temp array of settings, putting it together piece by piece as loop rolls on
if (j == 1) document.cookie = strValue;
else {
for (var k=0;k<=arrPaths.length;k++) {
if (document.cookie.indexOf(strName) < 0) break; // if this is true, then the cookie no longer exist
else {
var strPath = arrPaths.slice(0, k).join('/') + '/'; // builds path line
strValue = strValue.replace('{path}', strPath);
document.cookie = strValue;
}
}
}
}
}
}
}
showLog && window['console'] && console.info && console.info("\n\tCookies Have Been Deleted!\n\tdocument.cookie = \"" + document.cookie + "\"\n");
return document.cookie;
}
}
})();
これは JavaScriptのすべてのクッキーを削除する の簡単なコードです。
function deleteAllCookies(){
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++)
deleteCookie(cookies[i].split("=")[0]);
}
function setCookie(name, value, expirydays) {
var d = new Date();
d.setTime(d.getTime() + (expirydays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = name + "=" + value + "; " + expires;
}
function deleteCookie(name){
setCookie(name,"",-1);
}
すべてのクッキーをクリアするには、関数deleteAllCookies()を実行してください。
機能的アプローチ+ ES6
const cookieCleaner = () => {
return document.cookie.split(";").reduce(function (acc, cookie) {
const eqPos = cookie.indexOf("=");
const cleanCookie = `${cookie.substr(0, eqPos)}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;`;
return `${acc}${cleanCookie}`;
}, "");
}
注：パスを処理しません
//Delete all cookies
function deleteAllCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + '=;' +
'expires=Thu, 01-Jan-1970 00:00:01 GMT;' +
'path=' + '/;' +
'domain=' + window.location.Host + ';' +
'secure=;';
}
}
Jquery：
var cookies = $.cookie();
for(var cookie in cookies) {
$.removeCookie(cookie);
}
バニラJS
function clearListCookies()
{
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++)
{
var spcook = cookies[i].split("=");
deleteCookie(spcook[0]);
}
function deleteCookie(cookiename)
{
var d = new Date();
d.setDate(d.getDate() - 1);
var expires = ";expires="+d;
var name=cookiename;
//alert(name);
var value="";
document.cookie = name + "=" + value + expires + "; path=/acc/html";
}
window.location = ""; // TO REFRESH THE PAGE
}