用户单击按钮时如何存储类名称，以便下次访问时可以将其用作默认名称？

Question

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

<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？

Answer 1

这应该工作：

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
}

Answer 2

好吧，这是简单的方法

HTML

<button name="darkBlue" onclick="handleClick(this.name);">Blue</button>
<button name="black" onclick="handleClick(this.name);">Blue</button>

JavaScript的

if (localStorage.btnClass) {
    //alert(localStorage.getItem('btnClass'));

    document.getElementsByTagName('html')[0].className = localStorage
            .getItem('btnClass');

}
function handleClick(btnName) {
    localStorage.setItem('btnClass', btnName);
};

谢谢安妮的指向ID应该是唯一的

用户单击按钮时如何存储类名称，以便下次访问时可以将其用作默认名称？

问题描述

2 个解决方案

解决方案1
2 已采纳 2013-10-06 10:04:55

解决方案2
0 2013-10-06 09:49:08

HTML

JavaScript的

用户单击按钮时如何存储类名称，以便下次访问时可以将其用作默认名称？

问题描述

2 个解决方案

解决方案1 2 已采纳 2013-10-06 10:04:55

解决方案2 0 2013-10-06 09:49:08

HTML

JavaScript的

解决方案1
2 已采纳 2013-10-06 10:04:55

解决方案2
0 2013-10-06 09:49:08