Slik leser du en tittel i iFrame

Som din Internett-programmet kjører, kan den bruke iframes å vise synspunktene til andre nettsteder som ligger på webserveren. IFrames, også kjent som innebygde rammer, fungerer som miniatyr nettlesere som kan plasseres hvor som helst på et nettsted. Hver side på Internett har en tittel eiendom, selv om denne egenskapen er tom. IFrames har titler også. Les dagens tittelen på noen IFrame ved å legge til en rask Javascript-funksjonen i HTML-koden.

Bruksanvisning

1 Start et tekstredigeringsprogram eller HTML editor og åpne en av HTML-dokumenter. Legg inn følgende HTML-kode for å dokumentets hoveddel:

<Iframe id = "iframe1" src = "Another_Web_Page.html" width = "500" height = "600">
</ Iframe>
<Input id = "Button1" type = "button" value = "button" onclick = "return getTitle ( 'iframe1')" />

Denne koden skaper en iFrame og en knapp. Erstatt "Another_Web_Page.html" med nettadressen til en annen HTML-dokument på webserveren. Knappen tag skaper en knapp som kaller Javascript-funksjonen som leser iFrame tittel. Onclick hendelsen passerer iframe ID verdi til denne funksjonen.

2 Legg til Javascript-funksjonen nedenfor til dokumentets script seksjon:

funksjons getTitle (iframeID) {
Var iframe = document.getElementById (iframeID);
Var title = iframe.contentDocument.title;
alert (tittel);
}

Denne funksjonen henter en referanse til iFrame; varselet uttalelse viser den tittelen.

3 Lagre HTML-dokumentet og vise den i en nettleser. IFrame vises på websiden og viser nettsiden du setter i HTML-koden. Klikk på knappen for å lese at sidens tittel.

Hint

  • Hvis websiden har multilple iframes, gi hver enkelt en unik ID verdi og passere hvert iFrame ID verdi til "getTitle" funksjonen som beskrevet i disse trinnene.