如何使用JavaScript将一页的CSS更改为另一页的CSS

Question

我有两个网页：

pageone.html和pagetwo.html

在 pageone.html 中，有一个ID为change-color的按钮 当您单击该按钮时， pagetwo.html 的背景色应该变成绿色。 但这并没有发生。 有人可以帮我吗？

function changeColor() {
  //code

  var pageTwo = 'pagetwo.html';
  pageTwo.style.backgroundColor = "green";
}

<button type="button" id="change-color" onclick="changeColor">Change Background Color</button>

Answer 1

您可以尝试以下操作

在pageone.html

 window.localStorage.setItem("bg", "")
 function changeColor() {
         window.localStorage.setItem("bg", "green");
 }

在pagetwo.html

<script>
var bg = window.localStorage.getItem("bg");
if(typeof bg!= 'undefined' && bg != ""){
    //Set your background using bg variable
}
</script>