在网页顶部添加cookie同意div可以通过以下步骤实现:
<div id="cookieConsent" style="background-color: #f8f8f8; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; text-align: center;">
<span>This website uses cookies to ensure you get the best experience on our website. <a href="/privacy">Learn more</a></span>
<button onclick="acceptCookies()">I Agree</button>
</div>
window.onload = function() {
if (!getCookie("cookieConsent")) {
document.getElementById("cookieConsent").style.display = "block";
}
};
function acceptCookies() {
setCookie("cookieConsent", true, 365);
document.getElementById("cookieConsent").style.display = "none";
}
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;
}
这样,当用户首次访问网页时,会在顶部显示一个包含cookie同意信息的div。用户点击"I Agree"按钮后,会设置一个名为"cookieConsent"的cookie,并隐藏该div。下次用户再次访问网页时,由于已经同意了cookie,该div将不再显示。
腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云