отображать изображение во время загрузки страницы в iframe

Question

У меня есть веб-сайт с меню, при нажатии на элемент меню я отображаю страницу для этого меню в iframe (iframe по умолчанию настроен на отображение домашней страницы).иногда для отображения страницы для выбранного элемента меню (например, отчетов) может потребоваться несколько секунд, и я хотел бы отобразить изображение загрузки во время загрузки страницы.Как сделать это с помощью JavaScript или JQuery (пример кода будет полезным)?заранее спасибо.

Answer 1

Добавьте загрузочное изображение в iframe innerHTML (или в div и прекратите использовать iframe), затем используйте ajax для извлечения нового содержимого страницы, в случае успеха iframe innerHTML становится содержимым, извлеченным ajax, ведьмой перезаписывает загрузочное изображение. прост в настройке, но я рекомендую вам прекратить использование iframes

Answer 2

Обычно вы не можете знать, когда страница закончила загрузку в iframe.Загрузка iframe независима.Что вы можете сделать, это получить содержимое страницы, которая есть в iframe, с помощью запроса get ajax, и таким образом сделать анимацию, пока вы ожидаете содержимое.

Answer 3

написать функцию для показа изображения и вызывать ее при установке iframe src. когда страница загружена, вызовите из загруженной страницы функцию, чтобы скрыть изображение (parent.HideImage) Я думаю, что событие загрузки iframe поддерживается не во всех браузерах