如何使用 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