Hvordan kalle en funksjon i en Iframe i Javascript

November 26

Iframes, som pop-ups, er underordnede vinduer av en webside hovedvindu. De lar deg vise innhold fra en annen webside inni hovedsiden. Iframes krever bare noen få linjer med kode for å lage, og du kan plassere dem hvor som helst i et HTML-dokument. Ved å referere til en iframe er "id" eiendom, kan hovedsiden kaller funksjoner innenfor iframe underliggende HTML.

Bruksanvisning

Opprett Parent Page

1 Start din HTML editor eller Notisblokk og åpne et HTML-dokument.

2 Lag en iframe ved å legge til denne koden til dokumentets "<body>" -delen:

<P> Denne nettleseren ikke gjenkjenner iframes </ p>

</ Iframe>

Dette skaper en iframe som viser en webside som heter "IframeHTML.html." Den legger også en knapp som kaller en funksjon i dette dokumentet som heter "callFunction."

3 Legg til denne koden i dokumentet "<head>" -delen:

Var iframeID = "iframe1";

funksjon callFunction () {

Var iFrameObject = document.getElementById (iframeID);

iFrameObject.contentWindow.iFrameFunction ();

} </ Script>

Variabelen kalt "iframeID" inneholder iframe er "id" verdisettet i forrige trinn. Den "callFunction" -funksjonen, kalles når du klikker på "Call IframeFunction" -knappen, kaller funksjonen som heter "iFrameFunction" ligger i iframe.

4 Lagre HTML-dokumentet.

Opprett Iframe Page

5 Åpne en ny HTML-dokument og legg til følgende kode til det:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Head>

funksjon iFrameFunction () {

alert ( "inne iFrameFunction");

} </ Script>

</ Head>

<Body>

<H1> Dette er Iframe </ h1>

</ Body>

</ Html>

Dette skaper en webside med en overskrift og en Javascript-funksjon som heter "iFrameFunction." Denne funksjonen viser en varselmelding.

6 Lagre dokumentet med filnavnet "IframeHTML.html." Dette blir websiden som iframe opprettet i forrige avsnitt referanser.

7 Start nettleseren din og åpne HTML-dokumentet du endret i forrige avsnitt. Iframe vises sammen med "Call Iframe Function" -knappen. Klikk på den knappen. Javascript på websiden kaller funksjonen i iframe, og varselmeldingen vises.

Hint

Du må tilordne en "id" eiendom til iframe å bruke metoden beskriver i disse trinnene. At id verdi er "iframe1" i dette eksemplet. Endre denne verdien til noe du liker. Hvis du har flere iframes, tilordne hver enkelt en unik "id" verdi. Du kan deretter passere en av disse verdiene til hovedsiden er "callFunction" -funksjonen til å kalle funksjoner i ønsket iframe.