Iframes er HTML-elementer som lar deg bygge inn eksternt innhold, for eksempel nettsider, på en gjeldende side. I denne artikkelen viser vi deg hvordan du endrer innholdet i to eller flere iframes ved å bruke en enkelt knapp ved hjelp av JavaScript.

Hva er en iframe?

En iframe er et HTML-element som kan bygge inn eksternt innhold på en nettside. Du kan bruke etiketten å bygge inn en nettside, video, dokument eller annet multimedieinnhold på nettstedet ditt. Den grunnleggende strukturen til en iframe er som følger:

Ved å bruke JavaScript kan du dynamisk endre innholdet i iframes, noe som gir en mer interaktiv og sømløs brukeropplevelse.

Eksempel på hvordan du endrer innhold i flere iframes fra en knapp

I følgende eksempel viser vi hvordan du endrer innholdet i tre iframes ved å bruke en enkelt knapp ved å bruke JavaScript:

funksjon changeContent() {

I dette eksemplet har vi laget tre iframes med IDer iframe1, iframe2 og iframe3 som legger inn side1.html, side2.html og side3.html hhv. Deretter har vi laget en knapp som, når den klikkes, utfører funksjonen changeContent(). Denne funksjonen bruker getElementById() for å velge hver iframe og endre dens attributt src til de nye sidene ny_side1.html, ny_side2.html og ny_side2.html.