javascript - 在动态加载的 iframe 中设置样式

Question

我要转换:

<iframe src="http://www.example.com" width="0" height="0" style="visibility:hidden;display:none"></iframe>

使用 JavaScript 动态加载它，到目前为止我的代码是:

var iframe = document.createElement('iframe');
iframe.src = 'http://www.example.com';
iframe.width = '0';
iframe.height = '0';
document.body.appendChild(iframe);

但是一旦加载，就会看到一个小盒子，我尝试添加:

iframe.style = 'visibility:hidden;display:none';

但这没有效果，有谁知道如何做到这一点(没有 JQuery)？谢谢。

Answer 1

您必须将框架边框设置为 0:

var iframe = document.createElement('iframe');
iframe.src = 'http://www.example.com';
iframe.width = '0';
iframe.height = '0';
iframe.frameBorder = '0'; // Add this line
document.body.appendChild(iframe);