将CSS应用于通过window.open（）打开的外部页面

Question

单击按钮后，我将打开一个外部页面。这是通过使用window.open（）实现的，要求是将特定的CSS应用于外部页面的元素，例如更改字体颜色。

在使用window.open（）打开外部页面之后，谁能帮助我了解如何将CSS应用于外部页面的元素

Answer 1

你不能，故事的结尾。这是浏览器内置的安全问题，因此其他站点的脚本无法修改其他页面。如果浏览器允许，那将是一场灾难。

Answer 2

您可以通过访问window.open方法的返回值的document属性来访问子窗口的DOM。

示例：

var popup = window.open("test.html");
popup.document.body.style.backgroundColor = "black";

当父域和子域由于相同的原始策略而不同时，尝试实现此目标时会遇到安全问题。