Hvordan bygger Javascript-kode for iFrame

En iframe er en del av en webside som viser innhold fra en annen webside eller URL. For eksempel, hvis en webutvikler drevet et nettsted hvor han ønsket å vise brukerne gode eksempler på webdesign, kunne han inkluderer iframes på sin side som kan vise sine brukere eksempler på kvalitets websider, uten at brukeren faktisk ønsker å forlate den nåværende side. Du kan lage iframes med enkel HTML eller med litt Javascript koding også.

Bruksanvisning

1 Logg inn på din webserver, og finn HTML-siden der du vil legge inn en iframe med Javascript-kode.

2 Klikk i "<head>" og "</ head>" koder i HTML-dokumentet.

3 Sett denne Javascript-kode:

<! -

funksjon ShowWebSite (val)

{

document.all.myFrame.src=val;

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

}

fungere Button1_onclick () {

. Var v = document.all ( "txtWebSite") verdi;

ShowWebSite (v);

}

// ->

&lt;/script>

4 Klikk på "<body>" i HTML-siden og sette inn følgende kode:

<Body>

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

width = "100" scrolling = "yes" height = "100" style = "border-right: svart 1px solid; BORDER-TOP: svart 1px solid; Z-INDEX: 999; LEFT: 20px; border-left: svart 1px solid; BORDER-BOTTOM: svart 1px solid; position: absolute; TOP: 100px; visibility: hidden; ">

& Lt; / iframe>

& lt; skjema id = "Form1">

Skriv webside: & lt; input type = "text" id = "txtWebSite" name = "txtWebSite" value = "http://www.tablesandchairs.com">

& Lt; input type = "button" value = "Show" id = "Button1" name = "Button1" onclick = "return Button1_onclick ()">

& Lt; / form>

& Lt; / body>

5 Bytt ut "width" og "høyde" verdier hvis du vil endre størrelsen på iframe.

6 Erstatt "http: //www.tablesandchairs" med nettadressen du ønsker å sette inn i iframe. Publiser siden.