有沒有辦法將iframe中的javascript代碼注入父窗口？

Question

有沒有辦法使用JavaScript將iframe中的javascript注入其父窗口？ iframe和父級都在同一個域中。

由於其他原因，在檢測到iframe中的更改后，我不能簡單地從父窗口執行操作。

例：

<div id="bar"> Hello World </div>
<iframe srcdoc="
    <html>
        <body>
            <script type="text/javascript">
                // change "bar"'s style or alter its content
            </script>
        </body>
    </html>
"></iframe>

Answer 1

您需要做的就是在iframe使用全局parent變量，方法是直接使用window.parent或parent 。

例：

<div id="bar"> Hello World </div>
<iframe srcdoc="<html>
    <body>
        <script>
            window.parent.document.getElementById('bar').style.background = 'red';
        </script>
    </body>
</html>"></iframe>

只要iframe滿足“ 同源策略” ，此方法就可以工作。

Answer 2

是的，只要它們在同一個域中即可。 在堆棧溢出之前已經問過這個問題，請參見此線程。

簡而言之（來自鏈接線程）

document.getElementById('someDiv').innerHTML = 
  top.document.getElementById('otherIframe').contentWindow.
  document.getElementById('someOtherDiv').innerHTML;

有沒有辦法將iframe中的javascript代碼注入父窗口？

問題描述

2 個解決方案

解決方案1
2 2015-04-26 04:46:06

例：

解決方案2
0 2015-04-26 04:41:46

有沒有辦法將iframe中的javascript代碼注入父窗口？

問題描述

2 個解決方案

解決方案1 2 2015-04-26 04:46:06

例：

解決方案2 0 2015-04-26 04:41:46

解決方案1
2 2015-04-26 04:46:06

解決方案2
0 2015-04-26 04:41:46