Een Inline Frame of iFrame , is een frame in een webpagina die een extern voorwerp, zoals een andere webpagina kan houden . De iFrame- attribuut " src " specificeert de webpagina in het frame worden geladen . Het is vaak het geval dat u wilt dat de iFrame inhoud te variëren op basis van programma logica , een evenement of een andere criteria bij runtime . U kunt de inhoud van de iFrame wijzigen door haar attribuut " src " . Instructies
1 Maak een nieuwe HTML- bestand in een HTMlL redacteur of het Kladblok . Voer de HTML- headers voor het bestand . ! Typ bijvoorbeeld :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd >
"
Frame <br> < /title > <br> 2 <p> Definieer een JavaScript-functie om de " src " attribuut van de iFrame veranderen om de inhoud ervan te wijzigen . Typ bijvoorbeeld : <p> <script type="text/javascript"> <p> functie changeContents ( ) <br> { <p> var kader <br> = document.getEelemtnById ( " myFrame " ) ; <br> <p> if ( frame.src = " this.html " ) <p> frame.src = " that.html " <br> ; <br> <p> anders <p> kader <br> <br> <p> < /head > <br> 3 <p <br> <p> } <p> < /script > <br> ; . src = " this.html " > Maak een HTML- knop in het " lichaam " tags die de JavaScript-functie zal roepen om de iFrame inhoud veranderen wanneer erop wordt geklikt . Typ bijvoorbeeld : <br> <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < /form > <br> 4 <p> Steek de iFrame in de webpagina . Typ bijvoorbeeld : <br> <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body > <br> <p> < /html > <br> 5 <p> Sla het bestand op en trek de webpagina in een browser . Testen om ervoor te zorgen dat het script correct werkt . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91023.html' >Hoe om te controleren voor Whitespace Met Javascript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91025.html' >Het wijzigen van de achtergrondkleur van een rij in JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90806.html" title="Hoe de Google Maps API Afstand Straal Gebruik " target="_self">Hoe de Google Maps API Afstand…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91137.html" title="Hoe activeer ik een webbrowser veel gemakkelijker ? " target="_self">Hoe activeer ik een webbrowser…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91256.html" title="Hoe maak je een webbrowser String Vervang " target="_self">Hoe maak je een webbrowser Str…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91161.html" title="Een ActiveX Javascript Tutorial " target="_self">Een ActiveX Javascript Tutoria…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90962.html" title="Hoe te Strings & Substrings bewerken in JavaScript " target="_self">Hoe te Strings & Substrings be…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91192.html" title="Hoe uw eigen tijdelijke tatoeage te maken van uw Printer " target="_self">Hoe uw eigen tijdelijke tatoea…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91189.html" title="Javascript Gallery Tutorial " target="_self">Javascript Gallery Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91013.html" title="Hoe een Integer Pass om een functie in JavaScript " target="_self">Hoe een Integer Pass om een fu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91107.html" title="Hoe maak je een Music Afbeelding in JavaScript inschakelen en uitschakelen " target="_self">Hoe maak je een Music Afbeeldi…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92275.html" title="Hoe een bestand met PHP Upload & FTP " target="_self">Hoe een bestand met PHP Upload & FTP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91032.html" title="Hoe te converteren naar tekst Integers in JavaScript " target="_self">Hoe te converteren naar tekst Integers i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93776.html" title="Python Woning Functie " target="_self">Python Woning Functie </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92658.html" title="Hoe te GUID gebruiken als primaire sleutel " target="_self">Hoe te GUID gebruiken als primaire sleut…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88209.html" title="Het verschil tussen XSD & WSDL " target="_self">Het verschil tussen XSD & WSDL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89593.html" title="Hoe maak je een paneel toe aan JFrame " target="_self">Hoe maak je een paneel toe aan JFrame </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86326.html" title="Hoe kan ik een IPA -bestand installeren op een iPhone Simulator " target="_self">Hoe kan ik een IPA -bestand installeren …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90701.html" title="Hoe maak je een Web Browser Zorg " target="_self">Hoe maak je een Web Browser Zorg </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95296.html" title="Hoe je iets Flash Maak in Visual Basic " target="_self">Hoe je iets Flash Maak in Visual Basic </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
