如何删除 iframe 主体填充

Question

好的，我让 bin 为这个安静的长 nw 苦苦挣扎...我正在使用 javascript 动态生成 iframe...我想要做的是删除默认填充和边距并将其设置为 0px...这是我的代码

var newDiv = create_New_Div(); //this simple returns the id of the newly created
                           //div in javascript

        var iframeIdName="my"+inival_iframearea+"iframe";
        inival_iframearea++;
        var htcontents = "<iframe id='"+iframeIdName+"' frameborder='0'></iframe>";
        document.getElementById(newDiv).innerHTML = htcontents; 

如果我喜欢<style> body {padding:0px; margin:0px} </style>，那么发生的是主体的填充和边距为零，但是当用户单击按钮后生成 iframe 时，此样式不会应用于 iframe 主体并具有默认填充和我不想要的保证金！ 谢谢！

Answer 1

由于您没有在 iframe 中加载任何内容，因此您必须获取其中的文档并自己进行更改。

var
   iframe = document.getElementById(newDiv).getElementsByTagName('iframe')[0];

function restyle() {
   var body = iframe.contentDocument.body;
   body.style.padding = 0;
   body.style.margin = 0;
}

iframe.onload = restyle;
restyle();

关于contentDocument 有一些注意事项，因此您可能会在不同的浏览器中看到奇怪的行为。此外，您可能无法访问文档，具体取决于浏览器如何解释缺少src 属性。我已经看到调用页面是 https 的问题，并且缺少 src 导致浏览器加载 about:blank，它具有不同的协议，因此违反了同源策略。

onload 的原因是即使您没有加载单独的页面，浏览器仍然必须在其中加载“某些东西”。 YMMV。