Iframe ir HTML elementi, kas ļauj pašreizējā lapā iegult ārēju saturu, piemēram, tīmekļa lapas. Šajā rakstā mēs parādīsim, kā mainīt divu vai vairāku iframe saturu, izmantojot vienu pogu, izmantojot JavaScript.

Kas ir iframe?

Iframe ir HTML elements, kas var iegult ārēju saturu tīmekļa lapā. Jūs varat izmantot etiķeti lai iegultu tīmekļa lapu, video, dokumentu vai citu multivides saturu savā vietnē. Iframe pamatstruktūra ir šāda:

Izmantojot JavaScript, varat dinamiski modificēt iframe saturu, nodrošinot interaktīvāku un nevainojamu lietotāja pieredzi.

Piemērs, kā no pogas mainīt vairāku iframe saturu

Nākamajā piemērā ir parādīts, kā mainīt trīs iframe saturu, izmantojot vienu pogu, izmantojot JavaScript:

funkcija changeContent() {
document.getElementById("iframe1").src = "new_page1.html";
document.getElementById("iframe2").src = "new_page2.html";
document.getElementById("iframe3").src = "new_page3.html";

Šajā piemērā mēs esam izveidojuši trīs iframe ar ID iframe1, iframe2 un iframe3 ka iegult lapa1.html, lapa2.html un page3.html attiecīgi. Tālāk mēs esam izveidojuši pogu, kas, noklikšķinot, izpilda funkciju changeContent(). Šī funkcija izmanto getElementById() lai atlasītu katru iframe un mainītu tā atribūtu src uz jaunajām lapām jauna_lapa1.html, jauna_lapa2.html un jauna_lapa2.html.