JavaScript框架/更改html元素的背景颜色

Question

我正在开发一个插件，该插件用于在单击按钮（页面链接）后更改html元素的背景颜色/框架。

如果您单击第一个菜单的按钮，则发送的第二个菜单将在所有页面中都带有边框（即，即使在加载页面后，仍会保持边框）。

    //select elements ( button)
    var pElt5 = document.querySelectorAll("button");



    //changebackground
    $(document).ready(function(){
    $(pElt).click(function(){
      $(this).addClass("border1");});
    });

我已经有一个包含所有类（border1，...）的css文件。

问题在于，单击按钮时，背景颜色会立即更改，但不会保留在所有网站页面中（例如，单击链接后再次加载该页面时，颜色更改会消失）

Answer 1

如果要翻页记住选择的背景颜色，则必须将该信息存储在客户端浏览器中的某个位置。例如在cookies或localStorage中。

然后，在重新加载页面时，您可以检查该页面并相应显示正确的背景。