如何使用postMessage将父窗口css推送到iframe

Question

如何使用postMessage从父页面抓取样式表，并在iframe的页面上使用它？

我目前正在使用此jquery这样做，但只有在两个页面位于同一个域时才有效：

$(document).ready(function () {
    $('.iframe-div').load(function () {
        $(this)
            .contents().find("head")
            .append('<link rel="stylesheet" type="text/css" href="style.css">')
            .append('<link rel="stylesheet" type="text/css" href="http://www.url.com/css/font.css">');
    });
});

使用postMessage，我会在 index.html 页面上找到与此类似的内容：

var targetOrigin = "http://localhost/";
document.getElementById("#iframe-div").contentWindow.postMessage("#AAAAAA",targetOrigin);

但我不确定如何处理 iframe中的页面