Iframes, come pop-up, sono finestre figlio della finestra principale di una pagina Web. Essi consentono di visualizzare il contenuto da un'altra pagina Web all'interno della tua pagina principale. Iframes richiedono solo poche righe di codice per creare, e si può mettere ovunque in un documento HTML. Facendo riferimento a proprietà di "id" di un iframe, pagina principale può chiamare funzioni all'interno HTML sottostante di iframe.

Istruzioni

Creare la pagina padre

1

Avviare l'editor HTML o blocco note e aprire un documento HTML.

2

Creare un iframe aggiungendo questo codice nel documento "< body >" sezione:

< iframe id = "iframe1" width = "50%" height = "50%" >

< p > questo browser non supporta iframes </p >

< / iframe >

< id di input = "Button1" type = "button" value = "Chiamate di funzione di Iframe" onclick = "return CallFunction ()" / >

Questo crea un iframe che visualizza una pagina Web denominata "IframeHTML.html." Aggiunge anche un pulsante che chiama una funzione in questo documento, denominato "callFunction."

3

Aggiungere questo codice alla sezione "< head >" del documento:

< script type = "text/javascript" >

var iframeID = "iframe1";

Function CallFunction () {

var iFrameObject = document.getElementById(iframeID);

iFrameObject.contentWindow.iFrameFunction();

} < / script >

La variabile denominata "iframeID" contiene il valore di "id" dell'iframe impostato nel passaggio precedente. La funzione di "callFunction", chiamata quando si fa clic sul pulsante "Call IframeFunction", chiama la funzione denominata "iFrameFunction" situato nell'iframe.

4

Salvare il documento HTML.

Creare pagina Iframe

5

Aprire un nuovo documento HTML e aggiungere il codice riportato di seguito:

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

< html xmlns = "l'http://www.w3.org/1999/xhtml" >

< head >

< titolo >< / title >

< script type = "text/javascript" >

Function iFrameFunction() () {

Alert ("all'interno di iFrameFunction");

} < / script >

< / head >

< corpo >

< h1 > si tratta di Iframe < / h1 >

< / body >

< / html >

Questo crea una pagina Web con un'intestazione e una funzione JavaScript denominata "iFrameFunction." Questa funzione consente di visualizzare un messaggio di avviso.

6

Salvare il documento con il nome di "IframeHTML.html." Questo diventa la pagina Web che l'iframe creato nella precedente sezione riferimenti.

7

Avviare il browser e aprire il documento HTML che è stato modificato nella sezione precedente. L'iframe viene visualizzato insieme al pulsante "Chiamate di funzione di Iframe". Fare clic su tale pulsante. Il codice JavaScript nella pagina Web chiama la funzione in iframe, e viene visualizzato il messaggio di avviso.

Consigli & Avvertenze

• È necessario assegnare un "id" proprietà a tua iframe utilizzare il metodo viene descritto in questa procedura. Valore di quell'id è "iframe1" in questo esempio. Modificare tale valore a qualcosa che ti piace. Se avete più iframe, assegnare a ciascuno un valore di "id univoco". È quindi possibile passare uno di quei valori alla funzione "callFunction" della pagina principale di chiamare funzioni in iframe desiderata.