Iframes on HTML-i elemendid, mis võimaldavad manustada praegusele lehele välist sisu, näiteks veebilehti. Selles artiklis näitame teile, kuidas muuta kahe või enama iframe'i sisu ühe nupuga JavaScripti abil.

Mis on iframe?

Iframe on HTML-i element, mis võib manustada veebilehele välist sisu. Saate kasutada silti veebilehe, video, dokumendi või muu multimeediumisisu manustamiseks oma veebisaidile. Iframe'i põhistruktuur on järgmine:

JavaScripti kasutades saate dünaamiliselt muuta iframe'ide sisu, pakkudes interaktiivsemat ja sujuvamat kasutuskogemust.

Näide mitme iframe'i sisu muutmise kohta nupu abil

Järgmises näites näitame, kuidas muuta kolme iframe'i sisu ühe nupuga JavaScripti abil:

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

Selles näites oleme loonud kolm ID-ga iframe'i iframe1, iframe2 ja iframe3 et manustada leht1.html, leht2.html ja leht3.html vastavalt. Järgmiseks oleme loonud nupu, mis klõpsamisel täidab funktsiooni muudaSisu(). See funktsioon kasutab getElementById() iga iframe valimiseks ja selle atribuudi muutmiseks src uutele lehtedele uus_leht1.html, uus_leht2.html ja uus_leht2.html.