Hvordan endre innholdet i en iFrame Med Javascript
En innebygd ramme, eller iFrame, er en ramme inne i en webside som kan holde en ekstern objekt for eksempel en annen webside. IFrame-attributtet "src" definerer den websiden som skal legges i rammen. Det er ofte slik at du vil ha iframe innholdet variere basert på programmet logikk, en hendelse eller noen andre kriterier under kjøring. Du kan endre innholdet i iFrame ved å endre sin "src" attributt.
Bruksanvisning
1 Opprett en ny HTML-fil ved hjelp av en HTMlL redaktør eller Notisblokk. Skriv inn HTML-hoder for filen. For eksempel inn:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
<Title> Frame </ title>
2 Definer en Javascript-funksjonen for å endre "src" egenskap av iFrame for å endre innholdet. For eksempel inn:
<Script type = "text / javascript">
funksjons changeContents () {
var frame = document.getEelemtnById("myFrame");
if (frame.src = "this.html")
frame.src = "that.html";
ellers
frame.src = "this.html";
}
</ Script>
</ Head>
3 Opprett en HTML-knappen inne i "kroppen" koder som vil ringe Javascript-funksjonen til å endre IFRAME innholdet når den klikkes. For eksempel inn:
<Body>
<Form> <input type = "button" value = "Endre" onclick = "changeContents ()" /> </ form>
4 Sett iFrame inn i nettsiden. For eksempel inn:
<Iframe id = "myFrame" width = "300" height = "300"> </ iframe>
</ Body>
</ Html>
5 Lagre filen og dra opp nettsiden i en nettleser. Test for å sørge for at skriptet fungerer riktig.