Come impostare la larghezza e altezza di un iFrame

September 4

Come impostare la larghezza e altezza di un iFrame


In HTML, un linguaggio di programmazione comune utilizzato per la creazione di siti web, iFrames vengono utilizzati per presentare diversi punti di vista di un documento così come creare il concetto di vetri o finestre per la visualizzazione di diversi documenti contemporaneamente. Per esempio, un iFrame può essere utilizzato per visualizzare un banner orizzontale nella parte superiore della pagina mentre una seconda linea iFrame pagina verticale. Ogni iFrame fornisce informazioni variabili o dettagli che si tratti di una tabella di contenuti o di una pubblicità. Manipolando gli attributi del iFrame, come la larghezza e l'altezza, siete in grado di far rispettare l'aspetto desiderato e sentirsi coerente con l'esperienza degli utenti mirati.

istruzione

1 Avviare l'editor di testo e fare clic su "File" e poi "Apri" dalla barra dei menu per aprire il codice sorgente HTML per la pagina Web.

2 Traverse per la parte di corpo del codice HTML e definire un iFrame utilizzando la seguente sintassi: "<iframe name =" iframe1 "frameborder =" 1 ">. </ Iframe>"

3 Impostare la larghezza e l'altezza di un iFrame statico utilizzando i seguenti attributi con i valori desiderati: "<iframe name =" iframe1 "height =" 500 "width =" 500 "frameborder =" 1 ">. </ Iframe>"

4 Definire la seguente funzione JavaScript per impostare la larghezza e l'altezza di un iFrame dinamica come quella contenuta in una finestra secondaria:

<Script type = "text / javascript">

Funzione setSize (newwidth, newheight)

var = myIFrame parent.document.getElementById ( 'iframe1');

myIFrame.style.height = newwidth;

myIFrame.style.width = newheight;

</ Script>

5 Aggiungere la seguente sintassi per la vostra definizione iFrame per richiamare la funzione JavaScript setSize: "<iframe name =" "frameborder =" iframe1 1 "onload =" setSize () "> </ iframe>."

Consigli e avvertenze

  • La larghezza e l'altezza passato alla funzione JavaScript setSize possono essere in unità di pixel o percentuale della finestra principale in cui 100 pixel è pari al 100 per cento.