Перезагрузить iframe без перезагрузки страницы
"Перезагрузка iframe" - как "Перезагрузить iframe без перезагрузки страницы".
Подробно о перезагрузке iframe без перезагрузки страницы
Простой пример перезагрузить iframe без перезагрузки страницы
Для того, чтобы "перезагрузить iframe без перезагрузки страницы" нам понадобится два адреса. Два адреса - только для того, чтобы вы увидели, что iframe перезагрузился:
https://rutube.ru/play/embed/1657d6404793c580de99f755d2a59047
https://rutube.ru/play/embed/9081f702620dbd1e77a6828b5220fb8a
Скопировали iframe из rutube из вкладки поделиться + добавим внутрь тега свой id:
Далее... нам нужна кнопка button.
Туда поместим onclick
обратиться к тегу - одним из способов...
добавим туда src... соберем нашу кнопку:
Выведем и iframe и кнопку:
Результат перезагрузки iframe без перезагрузки страницы
Для того, чтобы перезагрузить iframe - нажмите по кнопке "перезагрузить iframe"
Еще пример перезагрузки iframe
Рассмотрим пример перезагрузки iframe ...
Сгенерируем страницу с помощью get
Куда поместим функцию time, которая будет менять свое значение через секунду! После того, как вы откроете страницу, перезагрузите её через секунду. Вы сможете увидеть, что содержание изменится, что собственно нам и нужно - изменение контента для iframe. Можно посмотреть на результат
<?
if($_GET['example'])
{
echo(time()); exit;
}
?>
Далее поместим в iframe нашу ссылку :
Аналогично, что мы сделали с кнопкой button - повторим издесь:
Соберем код перезагрузки iframe в один код:
<iframe id="id_iframe2" src="https://dwweb.ru/perezagruzka_iframe.html?example=1"></iframe>
<button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe</button>
Результат перезагрузки iframe
В iframe вывелось текущее(на момент загрузки страницы) значение "метки времени".
Чтобы увидеть, что наш iframe перезагрузился - нажмите по кнопке "перезагрузи iframe"