iframe外部的JavaScript样式主体_Javascript_Css_Iframe_Google Dfp_Skin

iframe外部的JavaScript样式主体

javascript css iframe

iframe外部的JavaScript样式主体,javascript,css,iframe,google-dfp,skin,Javascript,Css,Iframe,Google Dfp,Skin,如何从iFrame最里面的body标记中使用JavaScript设置最外面的body标记的样式 <html> <head> </head> <body> <div id="ad_tag" style="width: 1px; height: 1px;"> <div id="ad_container" style="border: 0pt none;"> <iframe i

如何从iFrame最里面的body标记中使用JavaScript设置最外面的body标记的样式

<html>
  <head>
  </head>
  <body>
    <div id="ad_tag" style="width: 1px; height: 1px;">
      <div id="ad_container" style="border: 0pt none;">
        <iframe id="ad_iframe" title="title" name="name" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; vertical-align: bottom;" srcdoc="" width="1" height="1" frameborder="0">
          <html>
            <head>
            </head>
            <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
              <script>
              parent.document.body.style.background = "url('https://news.nationalgeographic.com/content/dam/news/photos/000/676/67655.jpg') no-repeat top center fixed #ffffff";
              </script>
            </body>
          </html>
        </iframe>
      </div>
    </div>
    <div id="content">
    </div>
  </body>
</html>


parent.document.body.style.background=“url（'https://news.nationalgeographic.com/content/dam/news/photos/000/676/67655.jpg“）无重复上止点固定#ffffff”；

在这种情况下：
- 不允许直接编辑属性或样式，现有属性或样式是预设的
- 只能编辑最内层主体的子元素
- 目标是使用谷歌DFP提供背景图像

<script>
     window.parent.postMessage({
        'func': 'changeBackground',
        'message': ''
    }, "*");
</script>


window.parent.postMessage({
“func”：“changeBackground”，
“消息”：”
}, "*");

<script type="text/javascript">
if (window.addEventListener) {
    window.addEventListener("message", onMessage, false);       
}
else if (window.attachEvent) {
    window.attachEvent("onmessage", onMessage, false);
}



function onMessage(event) {
    var data = event.data;
    if (typeof(window[data.func]) == "function") {
        window[data.func].call(null, data.message);
    }
}

function changeBackground(message) {

    $('div#backgroundwrapper').css({
        'background-image': 'url("https:/example.com/example.jpg")',
    $('div#backgroundwrapper').click();
        var win = window.open( '%%CLICK_URL_ESC%%%%DEST_URL%%', '_blank');
    win.focus();
    });
}
</script>


if（window.addEventListener）{
addEventListener（“message”，onMessage，false）；
}
else if（窗口附件）{
attachEvent（“onmessage”，onmessage，false）；
}
函数onMessage（事件）{
var数据=事件数据；
if（typeof（window[data.func]）=“function”）{
窗口[data.func].call（null，data.message）；
}
}
函数更改背景（消息）{
$（'div#backgroundrapper'）.css({
“背景图像”：“url（“https:/example.com/example.jpg”），
$（'div#backgroundrapper'）。单击（）；
var win=window.open（“%%单击”\u URL\u ESC%%%%%，“\u blank”）；
win.focus（）；
});
}