Создание IFRAME с использованием JavaScript

Question

У меня есть веб-страница, размещенная в Интернете, и я хотел бы, чтобы я мог вставить IFRAME на другую веб-страницу, используя некоторый JavaScript.

Как бы это было наилучшим способом, чтобы я просто добавил URL-адрес своей веб-страницы в JavaScript и чтобы он работал во всех браузерах?

Спасибо

Answer 1

Вы можете использовать:

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

также проверьте основы элемента iFrame

Answer 2

Лучше обрабатывать HTML как шаблон, чем создавать узлы с помощью JavaScript (HTML в конце концов не является XML.) Вы можете сохранить синтаксис HTML вашего IFRAME чистым, используя шаблон и затем добавляя содержимое шаблона в другой DIV.

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