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;
}

Answer 2

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

exp：

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

Answer 3

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

这样的无缝属性

Answer 4

你可以添加像

这样的css属性

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

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

Answer 5

仅 JavaScript：

ifrm.frameBorder = 0;

Javascript iframe没有边框

5 个答案: