April 9
Iframe, come pop-up, sono finestre figlio della finestra principale di una pagina Web. Essi consentono di visualizzare il contenuto di un'altra pagina Web all'interno della vostra pagina principale. Iframe richiedono solo poche righe di codice per creare, e si può mettere ovunque in un documento HTML. Con riferimento a proprietà "id" di un iframe, la pagina principale può chiamare funzioni all'interno HTML del iframe.
1 Lanciate il vostro editor HTML o Blocco note e aprire un documento HTML.
2 Creare un iframe aggiungendo questo codice alla sezione del documento "<body>":
<Iframe id = larghezza "iframe1" = "50%" height = "50%">
<P> Questo browser non riconosce iframe </ p>
</ Iframe>
<Input id = "Button1" type = valore "pulsante" = "chiamata di funzione Iframe" onclick = "tornare CallFunction ()" />
Questo crea un iframe che visualizza una pagina Web denominata "IframeHTML.html." Si aggiunge anche un pulsante che chiama una funzione in questo documento denominato "CallFunction."
3 Aggiungere questo codice alla sezione del documento "<head>":
<Script type = "text / javascript">
var iframeID = "iframe1";
Funzione CallFunction () {
var iFrameObject = document.getElementById (iframeID);
iFrameObject.contentWindow.iFrameFunction ();
} </ Script>
La variabile chiamata "iframeID" contiene il valore del iframe "id" impostato nel passaggio precedente. La funzione "CallFunction", chiamato quando si fa clic sul pulsante "Call IframeFunction", chiama la funzione denominata "iFrameFunction" che si trova nella iframe.
4 Salvare il documento HTML.
5 Aprire un nuovo documento HTML e aggiungere il seguente codice a esso:
<! 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>
<Title> </ title>
<Script type = "text / javascript">
Funzione iFrameFunction () {
alert ( "dentro iFrameFunction");
} </ Script>
</ Head>
<Body>
<H1> Questo è il Iframe </ h1>
</ Body>
</ Html>
Questo crea una pagina Web con un titolo e una funzione JavaScript denominata "iFrameFunction." Questa funzione visualizza un messaggio di avviso.
6 Salvare il documento con il nome del file di "IframeHTML.html." Questa diventa la pagina Web che l'iframe creato nei precedenti riferimenti di sezione.
7 Avviare il browser e aprire il documento HTML è stato modificato nella sezione precedente. L'iframe appare insieme al pulsante "Call Iframe Funzione". Fare clic su tale pulsante. Il codice JavaScript nella pagina Web chiama la funzione in iframe, e viene visualizzato il messaggio di avviso.