Есть ли способ перенести цвет фона между документами HTML?
Мой цвет фона для моей HTML-страницы по умолчанию белый, и у меня есть возможность установить его черным с помощью привязки без прикрепленного к нему href. У меня также есть еще один якорь со ссылкой на другую HTML-страницу, однако, если цвет фона черный и вы нажимаете ссылку на вторую HTML-страницу, цвет фона второй страницы не остается черным. Есть ли способ перенести цвет фона?
Вот функция JavaScript:
function changeBG(colour) {
document.body.style.backgroundColor = colour;
}
</script>
Вот якоря для изменения цвета фона:
<a href = "#" onClick = "javascript: changeBG('white')">Light Theme</a>
<a href = "#" onClick = "javascript: changeBG('black')">Dark Theme</a>
</div>
Вот якорь для перехода на следующую HTML-страницу:
<a href = "websitepage2.html">Next Page</a>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете использовать местное хранилище браузера, чтобы сохранить и получить цвет фона.
Для этого вам нужно немного изменить функцию changeBG():
function changeBG(colour) {
document.body.style.backgroundColor = colour;
localStorage.setItem('backColour', colour);
}
Это сохранит цвет фона в localStarge, доступном с помощью переменной backColour.
В другом html-файле вы можете сделать что-то вроде этого
if (localStorage.getItem('backColour') != null) {
document.body.style.backgroundColor = localStorage.getItem('backColour');
}
Поэтому, если внутри localStorage есть значение для backColour, используйте его в качестве цвета фона.
Вы можете использовать файл cookie для хранения значения