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

如何使用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">');
    });
});

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

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