修改iframe中div元素的寬度和高度-跨域策略

Question

我有一個域和一個子域。 域在我的控制之下，子域指向聯盟白標網站，即DNS指向其IP。 我想通過域上的iframe加載產品。

我了解由於跨網域政策，我無法使用JavaScript更改樣式。 我要完成的是修改iframe內的div的高度和寬度。

使用php簡單加載內容無法正常工作，因為該頁面的腳本過多，如果執行此操作，則會顯示該頁面的框架，但沒有可用的內容。

請為我指出一個切實可行的解決方案？ 我知道jquery足以替換，添加樣式到同一域（iframe或非iframe）上。 但我不知道如何在子域上執行此操作。 我可以控制子域，即可以將dns更改回我想要的域名，但這將使whitelabel網站無法正常工作。 我無法添加任何標題。

Answer 1

如果您可以在兩個域中都放置自己的JavaScript代碼，則postMessage函數將在此處為您提供幫助。

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

這樣的事情應該起作用：

父級

var iframe = document.getElementById("whatever");
iframe.contentWindow.postMessage("hello");

iframe

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event)
{
    if (event.origin !== "http://your-parent-domain.com") return; // for security

    // do something here with event.data
}