un frame non ancorato , o iFrame , è una cornice all'interno di una pagina Web che può contenere un oggetto esterno come un'altra pagina web . Il iFrame attributo " src" specifica la pagina Web da caricare nel frame . E ' spesso il caso che si desidera il contenuto iFrame di variare in base alla logica del programma , un evento o di altri criteri in fase di runtime . È possibile modificare il contenuto del iFrame modificando l'attributo "src" . Istruzioni
1
Creare un nuovo file HTML utilizzando un editor HTMlL o il Blocco note. Immettere le intestazioni HTML per il file . Ad esempio, digitare : !
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
frame < /title> <br> 2 <p> Definire una funzione JavaScript per modificare l'attributo "src" del iFrame , al fine di modificarne il contenuto. Ad esempio, digitare : <br> <p> <script type="text/javascript"> <br> changeContents funzione <p> () { var <br> <p> frame = document.getEelemtnById ( " MyFrame " ) ; <br> <p> se ( frame.src = " this.html " ) per <p> frame.src = " that.html " ; <br> <p> altro <br> telaio <p> . src = " this.html " ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> 3 < p > Creazione di un pulsante HTML all'interno dei tag "corpo" che chiamerà la funzione JavaScript di modificare i contenuti iFrame quando si fa clic . Ad esempio, digitare : <br> <p> <body> <br> <p> <form> <origine type="button" value="Change" onclick="changeContents()" /> < forma /> <br> 4 <p> Inserisci il iFrame nella pagina web . Ad esempio, digitare : <br> <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body> <br> <p> < /html > <br> 5 <p> Salvare il file e tirare su la pagina Web in un browser . Test per assicurarsi che lo script funziona correttamente . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/91023.html' >Come controllare per Lo spazio bianco con Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91025.html' >Come modificare il colore di sfondo di una riga in JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91183.html" title="Come modificare l'immissione di testo con Javascript " target="_self">Come modificare l'immissione di testo con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91065.html" title="Come convalidare la data stringa in jQuery " target="_self">Come convalidare la data stringa in jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91286.html" title="Come fare un widget Dashboard con Dashcode " target="_self">Come fare un widget Dashboard con Dashcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90851.html" title="Come aggiornare le variabili di sessione " target="_self">Come aggiornare le variabili di sessione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91115.html" title="Come fare curvo Angoli Javascript per IE " target="_self">Come fare curvo Angoli Javascript per IE </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91013.html" title="Come passare un intero con una funzione in JavaScript " target="_self">Come passare un intero con una funzione in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91227.html" title="Come controllare un sito web per un Bug JavaScript " target="_self">Come controllare un sito web per un Bug JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90855.html" title="Come installare un jQuery Data Picker " target="_self">Come installare un jQuery Data Picker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90984.html" title="Come usare DIV con JavaScript " target="_self">Come usare DIV con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91279.html" title="Come installare script per Greasemonkey " target="_self">Come installare script per Greasemonkey </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95850.html" title="Visual Basic gioco 3D Tutorial " target="_self">Visual Basic gioco 3D Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95375.html" title="Come impostare la proprietà Picture di None in Visual Basic " target="_self">Come impostare la proprietà Picture di None in Visual …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89466.html" title="Come Centro - Giustifica uscita String in Java " target="_self">Come Centro - Giustifica uscita String in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96183.html" title="Come convertire Integer la data valuta di Visual Basic " target="_self">Come convertire Integer la data valuta di Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88353.html" title="Come costruire Commento pagine Web con Visual Studio " target="_self">Come costruire Commento pagine Web con Visual Studio </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92858.html" title="Come rinominare un file in PHP " target="_self">Come rinominare un file in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93846.html" title="Come rimuovere un singolo carattere in una stringa in Python " target="_self">Come rimuovere un singolo carattere in una stringa in P…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88568.html" title="Fare un diagramma di flusso " target="_self">Fare un diagramma di flusso </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89020.html" title="Lamda Funzioni in Java " target="_self">Lamda Funzioni in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87312.html" title="Come creare con il Test-Driven Development " target="_self">Come creare con il Test-Driven Development </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 