Обновление фрейма по клику

Пример:

В этот фрейм загружен случайный геометрический фон, который меняется при каждом обновлении страницы.

Обновить фрейм на jQuery Обновить фрейм на JS

HTML:

<iframe id="iframeID" src="url"></iframe>
<span class="reload-1">Обновить фрейм на jQuery</span>
<span class="reload-2">Обновить фрейм на JS</span>

<span class="reload-1">Обновить фрейм на jQuery</span>

<span class="reload-2">Обновить фрейм на JS</span>

jQuery:

$('.reload-1').click(function(){
	$('#iframeID')[0].contentWindow.location.reload(true);
});

$('.reload-1').click(function(){

$('#iframeID')[0].contentWindow.location.reload(true);

});

JS:

document.querySelector('.reload-2').addEventListener('click', event => {
	document.getElementById('iframeID').contentWindow.location.reload(true); 
});

document.querySelector('.reload-2').addEventListener('click', event => {

document.getElementById('iframeID').contentWindow.location.reload(true);

});

Пример:

HTML:

jQuery:

JS:

Смотрите также:

Оформление секции с фотографией

Зигзагообразный бордюр на CSS

Masonry сетка на CSS

Добавить комментарий:

Разделы:

Проверенный хостинг: