Een Inline Frame of iFrame , is een object op een webpagina die een ander object , zoals een andere webpagina kan houden . Met JavaScript , heb je de mogelijkheid van het dwingende , of het wijzigen van de inhoud van wat wordt weergegeven in het iFrame door het veranderen van de " src " attribuut van de iFrame -tag . U kunt de gebruiker toestaan om de iFrame overschrijven door het te associëren die functionaliteit met een knop , bijvoorbeeld . Instructies
1 Maak een nieuwe HTML-bestand in een editor of met behulp van het Kladblok . ! Typ bijvoorbeeld :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd >
"
overschrijven Pagina 2 <p> Voeg een iFrame op de webpagina en wijs een ID aan. Voeg een knop om de webpagina om de iFrame overschrijven . Bijvoorbeeld , tussen de HTML " <body> " labels , type: <p> <form> <br> < input type = " button " name = " override " value = " Override " onclick = " changeIFrame ( ) " /> < /form > <br> <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> < /iframe > <br> 3 <p> Maak een JavaScript-functie om de inhoud van de iFrame overschrijven en plaats deze tussen de " <head> " tags in de HTML-document . Typ bijvoorbeeld : <p> <script type="text/javascript"> <p> functie changeIFrame <br> ( ) { var <p> huidig <br> = document.getElementById ( " frame1 " ) src ; . <br> <p> if ( cur.match ( /yahoo /) ) <p> document.getElementById <br> ( " frame1 " ) src = . <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/91011.html' >Hoe maak je een JavaScript array initialiseren </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91013.html' >Hoe een Integer Pass om een functie 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/90878.html" title="Hoe maak je een tekst Area Get op naam in jQuery " target="_self">Hoe maak je een tekst Area Get…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90900.html" title="Hoe te Element Attributen Clear " target="_self">Hoe te Element Attributen Clea…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91277.html" title="Hoe te HREF gebruiken JavaScript Links " target="_self">Hoe te HREF gebruiken JavaScri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90795.html" title="JavaScript -functies op Named Parameters Accepteer " target="_self">JavaScript -functies op Named …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90896.html" title="Hoe maak je een Marquee wijzigen Met JavaScript " target="_self">Hoe maak je een Marquee wijzig…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90773.html" title="JavaScript Vs . VBScript " target="_self">JavaScript Vs . VBScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90952.html" title="Hoe maak je een Moving Total in JavaScript Bereken " target="_self">Hoe maak je een Moving Total i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91283.html" title="Hoe maak je een Javascript Slide Show " target="_self">Hoe maak je een Javascript Sli…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91204.html" title="Hoe je Java Script installeren op een PC " target="_self">Hoe je Java Script installeren…</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/visual-basics-programming/201309/94838.html" title="Hoe te compileren VBA code " target="_self">Hoe te compileren VBA code </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91701.html" title="Hoe te parsen XML Sports Feeds " target="_self">Hoe te parsen XML Sports Feeds </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/86113.html" title="Hoe de Visual gebruiken C + + debugger " target="_self">Hoe de Visual gebruiken C + + debugger </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96124.html" title="Hoe link Visual Basic " target="_self">Hoe link Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88445.html" title="Hoe te openen d3drm.dll " target="_self">Hoe te openen d3drm.dll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85541.html" title="Hoe te compileren C Projects " target="_self">Hoe te compileren C Projects </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89198.html" title="De voordelen van CMP Over BMP " target="_self">De voordelen van CMP Over BMP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91452.html" title="Het bouwen van een Storefront Met PHP MySQL " target="_self">Het bouwen van een Storefront Met PHP My…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89913.html" title="Hoe maak je een methode uitvoeren door op een knop in Java " target="_self">Hoe maak je een methode uitvoeren door o…</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 http://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>
|
