Javascript iframe沒有邊框

我是一個很少有css和javascript的編碼器。感謝您的幫助Javascript iframe沒有邊框

我試圖讓我的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的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？

來源

2017-03-03 Athdot

添加<iframe src="#" frameborder='0'></iframe>這就是你正在嘗試實現：[JSFiddle]（https://jsfiddle.net/RajeshDixit/au5ycf6d/1/） – Rajesh

[從IFrame刪除邊框]的可能重複（http://stackoverflow.com/questions/65034/remove-border-from- iframe） – Rajesh

如果您想放置在iFrame中的內容來自您自己的網站，您是否更願意使用AJAX？ http://stackoverflow.com/questions/10656992/why-ajax-over-iframes – Gezzasa

只需將此添加到您的CSS擺脫框架邊框。

iframe{ 
border: 0; 
}

來源

2017-03-03 05:16:19 Aslam

謝謝，讓我試試 – Athdot

您可以將一個屬性'frameborder'添加到iframe，並將其值設置爲'0'。

EXP：

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

來源

2017-03-03 05:24:03 Zmayor

我想JS，而不是HTML – Athdot

ifrm.setAttribute（「frameborder」，「0」）; – Zmayor

，你只需要設置屬性FRAMEBORDER = 0。 或您可以使用style =「border：0;」在您的iframe代碼中使用。和在HTML 5 您可以像使用

來源

2017-03-03 05:42:15

無縫屬性，你可以添加CSS屬性像

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

，或者你可以在HTML

來源

2017-03-03 09:05:02

Javascript iframe沒有邊框

回答

相關問題