Обновление после изменения CSS или JS, загруженных страницей, отображаемой в iframe

#html #iframe

#HTML #iframe

Вопрос:

У меня внутренняя загрузка страницы в iframe во ВНЕШНЕЙ странице. Я замечаю, что когда я обновил некоторые файлы CSS и JS, которые загружаются ВНУТРИ, при обновлении OUTER обновления не отображаются. Есть ли способ заставить INNER проверять наличие изменений в CSS и JS при каждой загрузке?

Комментарии:

1. Вы обновляете CSS и JS с помощью JavaScript?

Ответ №1:

Добавьте следующий код на внутреннюю веб-страницу (загруженную в iframes)

 <head>
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma" Content="no-cache">
<meta http-Equiv="Expires" Content="0">
</head>
  

Вы также можете сделать это с родительской страницы:

 document.getElementById(FrameID).contentDocument.location.reload(true);
  

или, возможно

 parent.frames[FrameID].window.location.reload();
  

Кроме того, иногда используется обходной путь для повторного присвоения значения атрибута src. Однако это не гарантирует полного обновления. Иногда это связано с добавлением значения querystring при сбросе src. Пример: domain.com/page?id=123