2017-03-03 4 views
0

私はcssとjavascriptで少しexpierienceのコーダーです。私は私の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を削除する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を試してみてください。

+0

<iframe src="#" frameborder='0'></iframe>を追加することができ、あなたがしようとしているものです達成する:[JSFiddle](https://jsfiddle.net/RajeshDixit/au5ycf6d/1/) – Rajesh

+2

[IFrameから枠線を削除]可能な複製(http://stackoverflow.com/questions/65034/remove-border-from- iframe) – Rajesh

+0

iFrameに配置するコンテンツが自分のサイトからのものであれば、AJAXを使用することはできますか? http://stackoverflow.com/questions/10656992/why-ajax-over-iframes – Gezzasa

答えて

0

これをCSSに追加すると、枠の枠線を取り除くことができます。

iframe{ 
border: 0; 
} 
+0

ありがとうございました。私は試してみましょう – Athdot

0

属性 'frameborder'をiframeに追加し、値を '0'に設定できます。

EXP:

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

JSが必要です、HTMLではありません – Athdot

+0

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

0

あなただけの属性FRAMEBORDER = 0を設定する必要があります。 または style = "border:0;"を使用できます。 iframeコードの と HTML 5 では、あなたが

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

のようなCSSプロパティを追加することができます

0

のようなシームレスな属性を使用するかは、HTML

関連する問題