2012-01-04 6 views
16

私はオンラインでウェブページをホストしています。JavaScriptを使用して別のWebページにIFRAMEを挿入することが可能であることを希望します。JavaScriptを使用してIFRAMEを作成する

私はJavaScriptに自分のウェブページのURLを追加して、すべてのブラウザで動作するように、これはどのように可能な最善の方法でしょうか?

おかげであなたが使用することができます

+0

試しましたか? – JohnJohnGa

+0

両方のページはおそらくあなたのものですか? YourSiteAをYourSiteB内のiframeに挿入しますか? – beeglebug

答えて

36

<script type="text/javascript"> 
    function prepareFrame() { 
     var ifrm = document.createElement("iframe"); 
     ifrm.setAttribute("src", "http://google.com/"); 
     ifrm.style.width = "640px"; 
     ifrm.style.height = "480px"; 
     document.body.appendChild(ifrm); 
    } 
</script> 

もJavaScriptを経由してノードを構築するよりも、(HTMLの後、すべてのXMLではありませんテンプレートとしてHTMLを処理した方がよいbasics of the iFrame element

3

をご確認ください。 )テンプレートを使用し、テンプレートの内容を別のDIVに追加することで、IFRAMEのHTML構文をきれいに保つことができます。

<div id="placeholder"></div> 

<script id="iframeTemplate" type="text/html"> 
    <iframe src="..."> 
     <!-- replace this line with alternate content --> 
    </iframe> 
</script> 

<script type="text/javascript"> 
var element, 
    html, 
    template; 

element = document.getElementById("placeholder"); 
template = document.getElementById("iframeTemplate"); 
html = template.innerHTML; 

element.innerHTML = html; 
</script> 
+0

私は前に 'script [type = text/html]'を見たことがありませんでした。 'div [style = display:none]'とは対照的に、これを行うことに違いはありますか? –

+2

@Davidあなたが言及した構文はまったく異なる目的のためのものです。 :) –

関連する問題