Der er mange måder at manipulere elementer på en webside , der refereres via Document Object Model ( DOM) , med værktøjer såsom JavaScript. At lære at ændre indholdet af en iframe ved at ændre dens kilde URL med en knap klik er en enkel måde at komme i gang med at kalde og manipulere objekter. Når du forstår det grundlæggende , vil du være klar til at flytte til mere komplekse opgaver . Ting du skal
HTML-dokument , der indeholder en iframe
Text editor
Vis Flere Instruktioner
1

Åbn dit HTML-dokument i en tekst eller HTML -editor . < Br >
2

Tilføj et unikt id attribut til iframe , hvis man ikke allerede findes. Din iframe bør læse : Hej

3

Opret en ny knap i formularen ved at tilføje : Hej

4

Tilføj en onclick begivenhed til knappen du lige har oprettet indeholder JavaScript for at ændre URL ( src ) i iframe. Din knap bør læse : Hej

< input type = " button" value = " Klik her " onclick = " document.getElementById ( ' your_frame_id ) src =' http://newwebsite.com « . " />
5

Indlæs siden i webbrowseren og teste koden ved at klikke på formularen knappen din oprettede . Iframe skal loade den nye webadresse .