Come incorporare il codice Javascript per iFrame

October 9

Un iframe è una sezione di una pagina Web che consente di visualizzare il contenuto di un'altra pagina Web o un URL. Ad esempio, se uno sviluppatore Web gestite un sito in cui ha voluto mostrare agli utenti buoni esempi di progettazione di siti web, che potrebbe includere iframe sulla sua pagina che potrebbe mostrare i suoi utenti esempi di pagine web di qualità, senza che l'utente in realtà bisogno di lasciare l'attuale pagina. È possibile creare iframe con semplice HTML o con codifica pure alcuni JavaScript.

istruzione

1 Accedere al server Web, e individuare la pagina HTML in cui si desidera incorporare un iframe con codice JavaScript.

2 Fare clic all'interno della "<head>" e "</ head>" tag nel documento HTML.

3 Inserire questo codice JavaScript:

<! -

Funzione ShowWebSite (val)

{

document.all.myFrame.src=val;

document.all.myFrame.style.visibility = "visible";

}

funzione Button1_onclick () {

. Var v = document.all ( "txtWebSite") del valore;

ShowWebSite (v);

}

// ->

&lt;/script>

4 Fare clic nella sezione "<body>" della pagina HTML e inserire il seguente codice:

<Body>

&lt;iframe id="frame" frameborder="1" vspace="0" hspace="0" marginwidth="0" marginheight="0"

width = "100" scrolling = "yes" height = "100" style = "border-right: nero 1px solid; border-top: nero 1px solid; z-index: 999; SINISTRA: 20px; border-left: 1px nero solido; border-bottom: 1px solid nero; position: absolute; TOP: 100px; visibility: hidden; ">

& Lt; / iframe>

& lt; form id = "form1">

Entra nel sito: & lt; input type = "text" id = NAME "txtWebSite" = valore "txtWebSite" = "http://www.tablesandchairs.com">

& Lt; input type = valore "pulsante" = "Mostra" id = "Button1" name = "Button1" onclick = "tornare Button1_onclick ()">

& Lt; / form>

& Lt; / body>

5 Sostituire i valori e le "width" "height" se si desidera modificare le dimensioni del iframe.

6 Sostituire "http: //www.tablesandchairs" con l'URL che si desidera inserire nel iframe. Pubblicare la pagina.


Articoli Correlati