Cookies 我有完整的饼干横幅,但关闭按钮根本不起作用
这是HTML CSS JS中的完整cookie弹出窗口,但关闭按钮没有反应Cookies 我有完整的饼干横幅,但关闭按钮根本不起作用,cookies,popup,Cookies,Popup,这是HTML CSS JS中的完整cookie弹出窗口,但关闭按钮没有反应 <div id="cookban" class="hide"> <a href="#" id="close" class="close" >CLOSE</a> <a href="privacy.html" target=&
<div id="cookban" class="hide">
<a href="#" id="close" class="close" >CLOSE</a>
<a href="privacy.html" target="_blank">PRIVACY</a>
<a href="#" id="accept" class="accept" >ACCEPT</a>
</div>
在JS中,我使用setItem和getItem,这里是完整的JS代码
const cookieStorage = {
getItem: (key) => {
const cookies = document.cookie
.split(';')
.map(cookie => cookie.split('='))
.reduce((acc, [key, value]) => ({ ...acc, [key.trim()]: value}), {});
return cookies[key];
},
setItem: (key, value) => {
document.cookie = `${key}=${value}`;
},
};
const storageType = cookieStorage;
const consentPropertyName = 'owner';
const shouldShowPopup = () => !storageType.getItem(consentPropertyName);
const saveToStorage = () => storageType.setItem(consentPropertyName, true);
window.onload = () => {
const consentPopup = document.getElementById('cookban');
const acceptBtn = document.getElementById('accept');
const closeBtn = document.getElementById('close');
const acceptFn = event =>{
saveToStorage(storageType);
consentPopup.classList.add('hide');
};
const closeFn = event =>{
consentPopup.classList.add('hide');
};
acceptBtn.addEventListener('click', acceptFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};
};
closeBtn.addEventListener('click', closeFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};
关闭按钮不隐藏我的弹出窗口它什么也不做,如何关闭弹出窗口,不创建cookie?好的,我得到了这个。。。我在另一个JQ文件中执行了第二个关闭按钮的功能来杀死这个横幅
const cookieStorage = {
getItem: (key) => {
const cookies = document.cookie
.split(';')
.map(cookie => cookie.split('='))
.reduce((acc, [key, value]) => ({ ...acc, [key.trim()]: value}), {});
return cookies[key];
},
setItem: (key, value) => {
document.cookie = `${key}=${value}`;
},
};
const storageType = cookieStorage;
const consentPropertyName = 'owner';
const shouldShowPopup = () => !storageType.getItem(consentPropertyName);
const saveToStorage = () => storageType.setItem(consentPropertyName, true);
window.onload = () => {
const consentPopup = document.getElementById('cookban');
const acceptBtn = document.getElementById('accept');
const closeBtn = document.getElementById('close');
const acceptFn = event =>{
saveToStorage(storageType);
consentPopup.classList.add('hide');
};
const closeFn = event =>{
consentPopup.classList.add('hide');
};
acceptBtn.addEventListener('click', acceptFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};
};
closeBtn.addEventListener('click', closeFn);
if (shouldShowPopup(storageType)) {
setTimeout(() => {
consentPopup.classList.remove('hide');
}, 200);
};