Question

我不确定我怎么能做这样的事情。我一直在寻找答案，空手而归。我认为javascript是这里的答案，但我只是不确定如何将其实现到我用于更改网站主题的当前脚本中。

感谢您的帮助！

Answer 1

如果iframe内容是在外部托管的，则无法根据跨域网站脚本规则对其进行修改。

Answer 2

不确定你会改变什么，但你可以做到。

<iframe id="theframe" src="something.pdf" style="background-color: #FFF;" />

这样做会。或者如果你是用css做的话。

<iframe id="theframe" src="somthing.pdf"/>
CSS:
#theframe{
background-color: blue;
}

我对你想要的东西有点困惑。你是想在用户使用它时改变它还是在你厌倦时改变它？

编辑：只有在src没有加载时才会显示颜色。否则它会有一些东西。

编辑：可以使用按钮进行此操作（我使用上面的示例作为参考）我将添加一个按钮（只有一个）和脚本。希望这会有所帮助。

    <script>
    function change(){
    if(document.getElementById("thebutton").innerHTML == "light"){
        document.getElementById("thebutton").innerHTML = "dark";
        document.getElementById("theframe").contentWindow.document.body.style.backgroundColor = "white";
    }
    else{
        document.getElementById("thebutton").innerHTML = "light";
        document.getElementById("theframe").contentWindow.document.body.style.backgroundColor = "black";
    }
    }
</script>

<button id="thebutton" type="button" onclick="change();">Dark</button>
<iframe id="theframe" src="" />

如果你想在两个按钮上执行此操作，只需将代码放在按钮的位置，而不是像。

<button id="thebutton" type="button" onclick="document.getElementById("theframe").contentWindow.document.body.style.backgroundColor = "black";">Dark</button>
<button id="thebutton" type="button" onclick="document.getElementById("theframe").contentWindow.document.body.style.backgroundColor = "white";">Light</button>
<iframe id="theframe" src="" />

希望这会有所帮助。如果它回答了问题，那就让其他人找到它。

我有一个更改主题的网站，我正在尝试使用iframe来更改网站的主题

2 个答案: