Для сброса значения атрибута src
при закрытии модального окна в Bootstrap, вам нужно использовать JavaScript.
Первым шагом, у вас должно быть модальное окно с элементом <iframe>
, в котором вы хотите сбросить значение атрибута src
.
<div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Мое модальное окно</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <iframe id="myIframe" src=""></iframe> </div> </div> </div> </div>
Когда модальное окно закрывается, вам нужно сбросить значение src
элемента <iframe>
, чтобы удалить его содержимое. Вы можете использовать событие hidden.bs.modal
, которое срабатывает при закрытии модального окна.
$('#myModal').on('hidden.bs.modal', function() { $('#myIframe').attr('src', ''); });
В этом примере мы привязали обработчик события к модальному окну с id="myModal"
. При каждом срабатывании события hidden.bs.modal
мы сначала выбираем элемент <iframe>
с id="myIframe"
, а затем с помощью функции attr()
устанавливаем значение атрибута src
в пустую строку ''
.
Теперь, когда модальное окно закрывается, значение src
устанавливается на пустую строку и содержимое элемента <iframe>
будет удалено.
Можно использовать также document.getElementById('myIframe').src = ''
вместо $('#myIframe').attr('src', '');
для достижения того же результата.