我有一個網站，改變主題，我試圖讓iframe來改變主題與網站

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="" /> 

希望這有助於。如果它回答了問題，那麼可以讓其他人找到它。