Okvirji iframes so elementi HTML, ki vam omogočajo vdelavo zunanje vsebine, kot so spletne strani, na trenutno stran. V tem članku vam pokažemo, kako spremenite vsebino dveh ali več okvirjev iframe z enim gumbom s pomočjo JavaScripta.

Kaj je iframe?

iframe je element HTML, ki lahko vdela zunanjo vsebino v spletno stran. Lahko uporabite oznako za vdelavo spletne strani, videa, dokumenta ali druge multimedijske vsebine na vašo spletno stran. Osnovna struktura okvirja iframe je naslednja:

Z uporabo JavaScripta lahko dinamično spreminjate vsebino okvirjev iframes, kar zagotavlja bolj interaktivno in brezhibno uporabniško izkušnjo.

Primer spreminjanja vsebine več iframesov z gumbom

V naslednjem primeru prikazujemo, kako spremeniti vsebino treh okvirjev iframes z enim samim gumbom s pomočjo JavaScripta:

funkcija changeContent() {
document.getElementById("iframe1").src = "nova_stran1.html";

V tem primeru smo ustvarili tri iframe z ID-ji iframe1, iframe2 in iframe3 ki vdelajo page1.html, page2.html in page3.html oz. Nato smo ustvarili gumb, ki ob kliku izvede funkcijo spremeni vsebino (). Ta funkcija uporablja getElementById() da izberete vsak iframe in spremenite njegov atribut src na nove strani nova_stran1.html, nova_stran2.html in nova_stran2.html.