фреймы — это HTML-элементы, которые позволяют встраивать внешнее содержимое, например веб-страницы, в текущую страницу. В этой статье мы покажем вам, как изменить содержимое двух или более фреймов с помощью одной кнопки с помощью JavaScript.

Что такое iframe?

iframe — это элемент HTML, который может встраивать внешний контент в веб-страницу. Вы можете использовать ярлык чтобы встроить веб-страницу, видео, документ или другой мультимедийный контент на ваш веб-сайт. Базовая структура iframe выглядит следующим образом:

Используя JavaScript, вы можете динамически изменять содержимое фреймов, обеспечивая более интерактивный и удобный пользовательский интерфейс.

Пример того, как изменить содержимое нескольких фреймов с помощью кнопки

В следующем примере мы покажем, как изменить содержимое трех фреймов с помощью одной кнопки с помощью JavaScript:

В этом примере мы создали три фрейма с идентификаторами iframe1, iframe2 и iframe3 которые встраивают страница1.html, страница2.html и page3.html соответственно. Далее мы создали кнопку, которая при нажатии выполняет функцию изменитьКонтент(). Эта функция использует получитьэлемент по идентификатору() чтобы выбрать каждый iframe и изменить его атрибут источник на новые страницы new_page1.html, new_page2.html и new_page2.html.