Javascript iframe 没有边框

Question

我是一名对 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？

Answer 1

只需将其添加到 CSS 中即可消除框架边框。

iframe{
border: 0;
}