Как загрузить содержимое iframe только ПО КЛИКУ?

Question

[Ринат Хайсман]

Есть код:

<a id="port_button" href="#item01">Клик</a>

<div id="item01">
<iframe src="http://..."></iframe>
</div>

Проблема в том, что iframe загружается вместе с основном страницей, а учитывая, что таких фреймов на странице 8 штук, сайт грузится мучительно долго.

Answer 1

[Денис Шевченко]

Ну если на скорую руку

<div data-iframe="<iframe src='...'>...</iframe>">Кликни на меня</div>

$("[data-iframe]").click(function () {
    $(this).html($(this).attr("data-iframe"));
});

Comments

[Ринат Хайсман]

не работает...

Answer 2

[Vlad Feninets]

можно добавлять динамически, после того, как ДОМ отрендерился

document.addEventListener('DOMContentLoaded', function() {
	var iframeEl = document.createElement('iframe')
	iframeEl.src = 'http://example.com'
	document.querySelector('#container').appendChild(iframeEl)
})