如何使用 javascript 在其他页面上编辑样式？

【问题标题】：How can I edit style on other page with javascript?如何使用 javascript 在其他页面上编辑样式？
【发布时间】：2021-05-23 22:14:10
【问题描述】：

我正在尝试创建一个函数来更改页面并标记选定的 div（div 在另一个页面中），问题是我的函数被切断了，因为它导致页面刷新。

这里是javascript代码：

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

【问题讨论】：

标签： javascript html css cookies href

【解决方案1】：

您不能以尝试使用客户端 JavaScript 的方式执行此操作。

如果您尝试在页面加载时对其执行动态操作，请考虑传递一个 GET 参数，然后在新页面上执行此操作。

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

然后在enclosures.html 中编写JavaScript 来检查“action”GET 参数。如果“action”参数等于“shadowpac1”，则应用您的样式。

看下面两个帖子：

如何解析出 GET 参数 - How to retrieve GET parameters from JavaScript
如何使用 DOMContentLoaded 来运行 DOM 加载后进行解析和样式设置的函数：https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

【讨论】：