有没有一种方法可以使用JavaScript来更改多个HTML文件的CSS？

Question

我正在使用此代码，它只会影响我更改背景色值的文件（我的settings.html文件）：

    function background() {
    `var x = document.getElementById('color').value;
      document.body.style.backgroundColor = x;
    }

颜色是输入的ID。

但是我该如何影响多个html文件？

Answer 1

每次导航到另一个页面时，HTML和JS脚本都会刷新，因此您将丢失所做的更改。

可能的解决方案是使用cookie或浏览器的localStorage来保存所需颜色的值。然后，可以在浏览页面时重用它。

使用JS设置Cookie的示例： https://www.w3schools.com/js/js_cookies.asp

localStorage的示例： https://www.w3schools.com/jsref/prop_win_localstorage.asp

希望这会有所帮助！

Answer 2

您可以将JavaScript文件导入多个HTML文件：

<script src="filename.js"> 

然后在上述HTML文件中运行该功能。
另外，请确保每个HTML文件中都有一个“颜色” ID。