Як змінити вміст двох або більше фреймів за допомогою однієї кнопки

Javascript   /   by admin   /   April 14, 2023

Фрейми iframe — це елементи HTML, які дозволяють вставляти зовнішній вміст, наприклад веб-сторінки, у поточну сторінку. У цій статті ми покажемо вам, як змінити вміст двох або більше iframe за допомогою однієї кнопки за допомогою JavaScript.

Зміст статті.

  1. • Що таке iframe?
  2. • Приклад того, як змінити вміст кількох iframe за допомогою кнопки

Що таке iframe?

iframe — це елемент HTML, який може вставляти зовнішній вміст у веб-сторінку. Ви можете використовувати етикетку щоб вставити веб-сторінку, відео, документ або інший мультимедійний вміст на ваш веб-сайт. Основна структура iframe така:

Використовуючи JavaScript, ви можете динамічно змінювати вміст iframe, забезпечуючи більш інтерактивну та бездоганну взаємодію з користувачем.

Приклад того, як змінити вміст кількох iframe за допомогою кнопки

У наступному прикладі ми показуємо, як змінити вміст трьох iframe за допомогою однієї кнопки за допомогою JavaScript:



Змінюйте вміст двох або більше фреймів за допомогою однієї кнопки

функція changeContent() {

instagram story viewer

document.getElementById("iframe1").src = "нова_сторінка1.html";
document.getElementById("iframe2").src = "new_page2.html";
document.getElementById("iframe3").src = "new_page3.html";
//ДОДАТИ БІЛЬШЕ ФРЕЙМИ, ЯКЩО ПОТРІБНО, ПРОСТО ЗМІНІТЬ ID ТА URL
}



Змінюйте вміст двох або більше фреймів за допомогою однієї кнопки


У цьому прикладі показано, як змінити вміст трьох iframe за допомогою однієї кнопки в JavaScript.







У цьому прикладі ми створили три iframe з ідентифікаторами iframe1, iframe2 і iframe3 що вбудовувати page1.html, page2.html і page3.html відповідно. Далі ми створили кнопку, яка при натисканні виконує функцію changeContent(). Ця функція використовує getElementById() щоб вибрати кожен iframe і змінити його атрибут src на нові сторінки нова_сторінка1.html, нова_сторінка2.html і нова_сторінка2.html.

Як цитувати? і Дель Мораль, М. (s.f.). Приклад зміни вмісту двох або більше фреймів за допомогою однієї кнопки. Приклад. Отримано 14 квітня 2023 року з https://www.ejemplode.com/24-javascript/641-ejemplo_de_cambiar_contenido_de_dos_o_mas_iframe_desde_un_boton.html

Хмара тегів
Рейтинг
0
Перегляди
0
Коментарі
YOU MIGHT ALSO LIKE