重新加载页面后保留按钮属性

Question

嗨，我正在尝试在html中设置按钮属性，当单击按钮属性时，单击按钮属性，当不重新加载页面时，这些更改效果很好。 我想在页面重新加载后保留按钮属性，如果单击了按钮然后重新加载了页面，则该按钮需要保持选中状态。

我已经在html中制作了这个示例，以展示我所拥有的

<button id="btntext" class="k-button" onclick="clickEvent(this.id, 't2')" onmousemove="imgChange(this.id, 't2', 't')"  onmouseout="imgChange(this.id, 't','t2')"><img id= "icon" class="k-image" alt="text" src="../images/t2.png" style="width: 30px; height: 30px; vertical-align:inherit" hspace="7"/>Text</button>

还有一个脚本，可以在单击或鼠标移动时更改img（imgChange），但是它不能按我的需要工作。

Answer 1

看起来有两种解决方案； 1.客户端解决方案2.服务器端解决方案

1.客户端解决方案

一种。 使用localStorage或sessionStorage，例如

考虑你的HTML;

 <button id="somebutton" style="color:red" onclick=click()>Some Button</button>

现在的JS：

 function click(){
      $("#somebutton").css("color","green");
      localStorage.setItem("btncolor","green");
 }

并在文件加载时

 window.onload=function()
 {
      $("#somebutton").css("color",localStorage.getItem("btncolor"));
 }

2.服务器端解决方案

在单击按钮时调用ajax以将按钮状态保存在服务器端，并在window.onload上调用另一个ajax以从服务器端获取状态。

Answer 2

使用localstorage变量并将其设置为true或false。 http://www.w3schools.com/html/html5_webstorage.asp

您可以在javascript中设置变量并绑定到html。