gpt4 book ai didi

javascript - 如何在用户单击按钮时存储类名,以便在下次访问时将其用作默认值?

转载 作者:行者123 更新时间:2023-11-30 17:50:07 25 4
gpt4 key购买 nike

我正在使用以下内容来更改与标签关联的类:

<html lang="en" class="darkBlue">

<button name="darkBlue"
onclick="document.getElementsByTagName('html')[0].className=this.name">Blue</button>
<button name="black"
onclick="document.getElementsByTagName('html')[0].className=this.name">Blue</button>

我如何使用 localstorage 来存储已单击的内容,并使其在用户访问该页面时成为默认值。所以没有闪烁那么我应该在<header>里面有一些javascript吗?页面的标签?

最佳答案

这应该有效:

HTML

<button name="darkBlue" onclick="getButtonColor(this.name)" >Blue</button>
<button name="black" onclick="getButtonColor(this.name)" >Black</button>

Javascript

 if(localStorage.buttonColor) {
document.getElementsByTagName('html')[0].className = localStorage.buttonColor
}

function getButtonColor(buttonName) {
localStorage.buttonColor= buttonName;
document.getElementsByTagName('html')[0].className = buttonName
}

关于javascript - 如何在用户单击按钮时存储类名,以便在下次访问时将其用作默认值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19207400/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com