2017-03-03 7 views
0

Ich bin ein Programmierer mit wenig Erfahrung mit CSS und Javascript. Danke für Ihre HilfeJavascript iframe ohne Grenze

Ich versuche, mein Javascript erstellen einen Iframe mit einem anderen Teil meiner Website zu machen, und das funktioniert gut mit diesem Code:

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

dass ein iframe gemacht, aber iframes, in ihrem natürlichen Zustand sind sie hässlich und die Grenze ist nervig. Also ging ich online, um den css Weg zu finden, um einen iframe zu entfernen, und es sagte frameBorder = "0" würde funktionieren. Ich habe versucht, mehrere Varianten zu versuchen und dies ohne Glück in meinem Skript hinzufügen

Test # 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> 

Test # 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> 

Offensichtlich beides nicht gearbeitet, so wie würde ich tun Dies? Put CSS in einen anderen Teil meiner Website? (Wie ich schon sagte, ich bin schlecht mit CSS) Oder versuchen Sie etwas anderes Javascript insgesamt?

+0

hinzufügen hinzufügen Ist das, was Sie versuchen, erreichen: [JSFiddle] (https://jsfiddle.net/RajeshDixit/au5ycf6d/1/) – Rajesh

+2

Mögliche Duplikate von [Rahmen von IFrame entfernen] (http://stackoverflow.com/questions/65034/remove-border-from- iframe) – Rajesh

+0

Wenn der Inhalt, den Sie im iFrame platzieren möchten, von Ihrer eigenen Website stammt, können Sie AJAX nicht lieber verwenden? http://stackoverflow.com/questions/10656992/why-ajax-over-iframes – Gezzasa

Antwort

0

Fügen Sie das einfach zu Ihrem CSS hinzu, um den Rahmen zu entfernen.

iframe{ 
border: 0; 
} 
+0

Vielen Dank, lassen Sie mich versuchen – Athdot

0

Sie können dem iframe ein Attribut 'frameborder' hinzufügen und den Wert auf '0' setzen.

exp:

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

Ich möchte JS, nicht html – Athdot

+0

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

0

Sie gerade eingestellt haben müssen Attribut frameborder = 0. oder Sie können style = "border: 0;" in Ihrem iframe-Code. und In HTML 5 Sie die nahtlose Attribut wie

0

verwenden, können Sie CSS-Eigenschaft wie

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

oder Sie können <iframe src="#" frameborder='0'></iframe> in html