javascript - 如何在点击后隐藏横幅并使用本地存储保存？

Question

我是 Java 脚本新手，在用户单击 Cookie 横幅上的“接受”后，我不知道如何保存信息(本地存储) - 一旦他单击“接受”，Cookie 横幅就会消失，我会他喜欢保存此信息，因此当他转到下一页或重新加载时，他不会再次收到 Cookie Banner。

非常感谢您提供的任何帮助。

这是我的代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
	$(document).ready(function(){
		$("#Accept").click(function(){
		$('#CookieBanner').hide();
		}); 
	});
</script>
		
	<div id="CookieBanner">
	 	<div class="agj">
			<div class="agj-content">
				<div class="initial-info">
					<h2 class="title">Privacy</h2>
						
						<p class="message">
							This website uses cookies to provide you with the best possible service and website functionality, and to provide social media features and analyse the traffic to our website. If you continue to use our website, you agree to our using cookies.
						</p>
						
				</div>
					<div class="buttons">
						<button id="Accept">Accept</button>
						<a class="link" href="#" title="Get more Information about Cookies and how we use them">Show Purposes</a>
					</div>
			</div>
		</div>
	</div>

Answer 1

使用getItem和setItem方法就足以解决

$(document).ready(function(){
    // Check if the user already accepted it
    if (window.localStorage.getItem('accept_cookies')) {
        $('#CookieBanner').hide();
    }

    $("#Accept").click(function(){
        // Save on LocalStorage
        window.localStorage.setItem('accept_cookies', true);
        $('#CookieBanner').hide();
    }); 
});

您可以在 MDN 网络文档上阅读有关 localStorage 的更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage