Iframes er HTML-elementer, der giver dig mulighed for at integrere eksternt indhold, såsom websider, på en aktuel side. I denne artikel viser vi dig, hvordan du ændrer indholdet af to eller flere iframes ved hjælp af en enkelt knap ved hjælp af JavaScript.

Hvad er en iframe?

En iframe er et HTML-element, der kan integrere eksternt indhold på en webside. Du kan bruge etiketten at indlejre en webside, video, dokument eller andet multimedieindhold på din hjemmeside. Den grundlæggende struktur for en iframe er som følger:

Ved at bruge JavaScript kan du dynamisk ændre indholdet af iframes, hvilket giver en mere interaktiv og problemfri brugeroplevelse.

Eksempel på hvordan man ændrer indhold af flere iframes fra en knap

I det følgende eksempel viser vi, hvordan du ændrer indholdet af tre iframes ved hjælp af en enkelt knap ved hjælp af JavaScript:

I dette eksempel har vi lavet tre iframes med id'er iframe1, iframe2 og iframe3 at indlejre side1.html, side2.html og side3.html henholdsvis. Dernæst har vi lavet en knap, der, når der klikkes på den, udfører funktionen changeContent(). Denne funktion bruger getElementById() for at vælge hver iframe og ændre dens attribut src til de nye sider ny_side1.html, ny_side2.html og ny_side2.html.