En Inline Frame , eller iFrame , er en ramme inne i en webside som kan holde et eksternt objekt som en annen webside. IFrame attributtet "src " angir Web side lastes inn i rammen . Det er ofte slik at du vil at iFrame innholdet å variere basert på programmet logikk , en hendelse eller noen andre kriterier under kjøring. Du kan endre innholdet i iFrame ved å endre sin " src" attributt. Instruksjoner
en
Lag en ny HTML -fil ved hjelp av en HTMlL editor eller Notisblokk. Inn HTML overskrifter for filen . ! For eksempel skrive : en
< 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> Definer en JavaScript-funksjon for å endre " src" egenskap av iFrame for å endre innholdet. For eksempel skrive : <br> <p> <SCRIPT type="text/javascript"> <br> <p> funksjon changeContents () { <br> <p> Var ramme = document.getEelemtnById ( " myFrame " ) ; <br> <p> if ( frame.src = " this.html " ) <br> <p> frame.src = " that.html "; <br> <p> annet <br> <p> ramme . src = " this.html "; <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 3 <p > Opprett en HTML- knappen inne i "body " koder som vil kaller JavaScript -funksjonen for å endre iFrame innholdet når den klikkes. For eksempel skrive : en <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < /form> <br> 4 <p> Sett iFrame inn på websiden. For eksempel skrive : en <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body> <br> <p> < /html > <br> 5 <p> Lagre filen og dra opp websiden i en nettleser . Test for å sørge for at skriptet fungerer korrekt . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91023.html' >Hvordan sjekke for Whitespace Med Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91025.html' >Hvordan endre bakgrunnsfargen på rad i JavaScript </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91030.html" title="Hvordan sette en JavaScript VAR å Float " target="_self">Hvordan sette en JavaScript VAR å Float </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91160.html" title="Hvordan lage en Habbo Retro " target="_self">Hvordan lage en Habbo Retro </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90769.html" title="PHP -koder i JavaScript Syntax " target="_self">PHP -koder i JavaScript Syntax </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91125.html" title="Hvordan aktivere eller deaktivere Form Button i Javascript " target="_self">Hvordan aktivere eller deaktivere Form Button i Javascr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90783.html" title="Kode beautifiers for JavaScript " target="_self">Kode beautifiers for JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91174.html" title="Tutorial på Javascript Bakgrunn Effekter " target="_self">Tutorial på Javascript Bakgrunn Effekter </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90983.html" title="Hvordan skjule alle åpne DIVs i JavaScript " target="_self">Hvordan skjule alle åpne DIVs i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91267.html" title="Hvordan lage en Registreringsskjema for et nettsted " target="_self">Hvordan lage en Registreringsskjema for et nettsted </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91253.html" title="Hvordan erstatte ignorecase " target="_self">Hvordan erstatte ignorecase </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91009.html" title="Hvordan vise timer og minutter i to felt med Javascript " target="_self">Hvordan vise timer og minutter i to felt med Javascript…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92781.html" title="Hvordan sende SMS Gjennom PHP " target="_self">Hvordan sende SMS Gjennom PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88040.html" title="Hvordan Merge kolonner i DataGrid " target="_self">Hvordan Merge kolonner i DataGrid </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94567.html" title="OpenText metode i VBA " target="_self">OpenText metode i VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88634.html" title="Hvordan analysere FFT data i POA " target="_self">Hvordan analysere FFT data i POA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91540.html" title="Slik konverterer en feil PHP Dato " target="_self">Slik konverterer en feil PHP Dato </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90594.html" title="Hvordan utvikle en enkel kalkulator Med Java " target="_self">Hvordan utvikle en enkel kalkulator Med Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85550.html" title="Hvordan beregne størrelsen på Elements i buffere i C " target="_self">Hvordan beregne størrelsen på Elements i buffere i C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89447.html" title="Hvordan lage en AVD i Windows for NetBeans " target="_self">Hvordan lage en AVD i Windows for NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/93051.html" title="Hva er en PHP File " target="_self">Hva er en PHP File </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85649.html" title="Funksjon i C for Palindromes " target="_self">Funksjon i C for Palindromes </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 