如何使用 javascript 在其他頁面上編輯樣式？

Question

我正在嘗試制作一個 function 來更改頁面並標記選定的 div（div 在另一頁中），問題是我 function 會中斷，因為它會導致頁面刷新。

這是 javascript 代碼：

    function movePack1(){
    var pac1 = document.getElementById("pack1");
    window.location.href="enclosures.html";
    pac1.style.boxShadow = "0px 0px 5px blue";
}

Answer 1

您不能以您嘗試使用客戶端 JavaScript 的方式執行此操作。

如果您在加載頁面時嘗試在頁面上執行動態操作，請考慮傳遞 GET 參數，然后在新頁面上執行此操作。

window.location.href="enclosures.html?action=shadowpac1";

然后在enclosures.html 中編寫JavaScript 來檢查“action”GET 參數。 如果“action”參數等於“shadowpac1”，則應用 styles。

看下面兩個帖子：

1. 如何解析 GET 參數 - 如何從 JavaScript 檢索 GET 參數
2. 如何使用 DOMContentLoaded 在加載 DOM 后運行 function 進行解析和樣式設置： https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event