私はオンラインでウェブページをホストしています。JavaScriptを使用して別のWebページにIFRAMEを挿入することが可能であることを希望します。JavaScriptを使用してIFRAMEを作成する
私はJavaScriptに自分のウェブページのURLを追加して、すべてのブラウザで動作するように、これはどのように可能な最善の方法でしょうか?
おかげであなたが使用することができます
私はオンラインでウェブページをホストしています。JavaScriptを使用して別のWebページにIFRAMEを挿入することが可能であることを希望します。JavaScriptを使用してIFRAMEを作成する
私はJavaScriptに自分のウェブページのURLを追加して、すべてのブラウザで動作するように、これはどのように可能な最善の方法でしょうか?
おかげであなたが使用することができます
:
<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
をご確認ください。 )テンプレートを使用し、テンプレートの内容を別の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>
私は前に 'script [type = text/html]'を見たことがありませんでした。 'div [style = display:none]'とは対照的に、これを行うことに違いはありますか? –
@Davidあなたが言及した構文はまったく異なる目的のためのものです。 :) –
試しましたか? – JohnJohnGa
両方のページはおそらくあなたのものですか? YourSiteAをYourSiteB内のiframeに挿入しますか? – beeglebug