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 ">
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>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182046.html' >Come controllare per Lo spazio bianco con Javascript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182050.html' >Come modificare il colore di sfondo di una riga in JavaScript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Java-Programming/1179654.html" target="_blank">Che cosa stanno bloccando Dichiarazioni </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1185214.html" target="_blank">Come sapere se MySQL è 32 - o 64 - bit </a></li><li><a href="/Programmazione/Java-Programming/1180124.html" target="_blank">Come installare Sun Java 6.22 a Ubuntu 10.04 ? </a></li><li><a href="/Programmazione/Python-Programming/1187014.html" target="_blank">Come ottenere pressioni di tasti in Python </a></li><li><a href="/Programmazione/Python-Programming/1187296.html" target="_blank">Come eseguire uno script Python in IPython </a></li><li><a href="/Programmazione/C--C-----Programming/1171246.html" target="_blank">Come leggere una linea con CPP </a></li><li><a href="/Programmazione/C--C-----Programming/1170718.html" target="_blank">Come pulire un buffer di input in C + + </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1184710.html" target="_blank">Come convertire da una stringa in un numero in MySQL </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1181546.html" target="_blank">JavaScript Vs . VBScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182482.html" target="_blank">Come smettere di errore Messaggio Null è null o non un oggetto </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181938.html" target="_blank">Come nascondere più elementi in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182406.html" target="_blank">Come reindirizzare una pagina Web in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182102.html" target="_blank">Come aggiungere stringhe in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182000.html" target="_blank">Come rimuovere un elemento con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181708.html" target="_blank">Come utilizzare un tag di ancoraggio in JSP </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182324.html" target="_blank">Come utilizzare JavaScript e PHP in validazione Form </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182446.html" target="_blank">Come Modifica dimensione carattere in Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182460.html" target="_blank">Come creare una calcolatrice con Javascript </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>