Javascript iframe 没有边框

Posted 2023-03-05

【中文标题】Javascript iframe 没有边框

【英文标题】：Javascript iframe having no border

【发布时间】：2017-07-23 02:36:15

【问题描述】：

我是一个对 css 和 javascript 几乎没有经验的程序员。感谢您的帮助

我正在尝试让我的 javascript 创建一个 iframe，其中包含我网站的另一部分，并且使用此代码可以正常工作：

<div>
<script type="text/javascript">
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src","http://www.example.com");
    var scwid = (screen.width)*(78.8/80)
    ifrm.style.width = (scwid + "px");
    ifrm.style.height = "100px";
    document.body.appendChild(ifrm);
</script>
</div>

这构成了一个 iframe，但 iframe 在其自然状态下很丑陋，而且边框很烦人。于是我上网查找了删除iframe的css方式，上面说frameBorder = "0"可以。我尝试了几种变体尝试将其添加到我的脚本中，但没有成功

测试#1

<div>
<script type="text/javascript">
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src","http://www.example.com");
    var scwid = (screen.width)*(78.8/80)
    ifrm.style.width = (scwid + "px");
    ifrm.style.height = "100px"
    ifrm.style.frameBorder = "0";
    document.body.appendChild(ifrm);
</script>
</div>

测试#2

<div>
<script type="text/javascript">
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src","http://www.example.com");
    var scwid = (screen.width)*(78.8/80)
    ifrm.style.width = (scwid + "px");
    ifrm.style.height = "100px";
    ifrm.setAttribute("0")
    document.body.appendChild(ifrm);
</script>
</div>

显然这些都不起作用，那么我该怎么做呢？将 CSS 放在我网站的另一部分？ （正如我之前所说，我对 css 不好）或者完全尝试其他一些 javascript？

【问题讨论】：

这是你想要达到的目标吗：JSFiddle

Remove border from IFrame的可能重复

如果你要放置在iFrame中的内容来自你自己的站点，你能不能不使用AJAX？ ***.com/questions/10656992/why-ajax-over-iframes

【参考方案1】：

只需将其添加到您的 CSS 即可摆脱框架边框。

iframe
border: 0;

【参考方案2】：

您可以向 iframe 添加属性“frameborder”，并将其值设置为“0”。

exp：

<iframe frameborder="0"></iframe>

【讨论】：

我想要 JS，而不是 html

ifrm.setAttribute("frameborder", "0");

【参考方案3】：

你只需要设置属性frameBorder=0。 要么 您可以在 iframe 代码中使用 style="border:0;"。 和 在 HTML 5 中 你可以使用像

这样的无缝属性

【参考方案4】：

你可以添加css属性

iframe border:none; *\or maybe '0'*/ 

或者你可以在html中添加<iframe src="#" frameborder='0'></iframe>

【参考方案5】：

仅 JavaScript：

ifrm.frameBorder = 0;