如何使用JavaScript從另一個頁面更改一個頁面的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>