En Inline Frame , eller iFrame , er et objekt på en webside som kan holde et annet objekt, for eksempel en annen webside. Med JavaScript , du har evnen til å tilsidesette, eller endring, innholdet av hva som vises i iFrame ved å endre "src " egenskap av iFrame tag . Du kan tillate brukeren å overstyre iFrame ved å knytte den funksjonaliteten med en knapp , for eksempel. Instruksjoner
en
Lag en ny HTML-filen i et redigeringsprogram eller bruke Notepad . ! 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 >
Prioritet <br> 2 <p> Legg en iFrame til websiden og tildele en ID til det. Legge til en knapp til nettsiden for å overstyre iFrame . For eksempel mellom HTML " <body> " koder , type: <br> <p> <form> < input type = " button" name = " overstyring " value = " overstyring " onclick = " changeIFrame ( ) "/> < /form > <br> <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> < /iframe > <br> 3 <p> Lag en JavaScript-funksjon til å overstyre innholdet i iFrame og sette det mellom " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " kodene i HTML-dokumentet. For eksempel skrive : en <p> <script type="text/javascript"> <br> <p> funksjon changeIFrame ( ) { <br> <p> Var nå = document.getElementById ( " frame1 " . ) src ; <br> <p> if ( cur.match ( /yahoo /) ) <br> <p> document.getElementById ( " frame1 ") src = . <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/91011.html' >Hvordan klargjøre en JavaScript Array </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91013.html' >Hvordan passere et heltall til en funksjon 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/91119.html" title="Hvordan deaktivere Print Screen JavaScript " target="_self">Hvordan deaktivere Print Screen JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90749.html" title="Gjort, men med feil i IE JS Objekt Forventet " target="_self">Gjort, men med feil i IE JS Objekt Forventet </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91243.html" title="Hvordan Vis tekst på Rollover " target="_self">Hvordan Vis tekst på Rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91057.html" title="Hvordan beregne Array Lengde på Javascript " target="_self">Hvordan beregne Array Lengde på Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91241.html" title="Hvordan Stopp Feilmelding Null er null eller ikke et objekt " target="_self">Hvordan Stopp Feilmelding Null er null eller ikke et ob…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90766.html" title="Hvordan få tilgang akselerometeret Via Javascript i Android " target="_self">Hvordan få tilgang akselerometeret Via Javascript i An…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91188.html" title="Hvordan endre en form action i Javascript " target="_self">Hvordan endre en form action 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/90918.html" title="Slik aktiverer Cufon bokstavavstand " target="_self">Slik aktiverer Cufon bokstavavstand </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91169.html" title="Slik konverterer Tall til ord i Javascript " target="_self">Slik konverterer Tall til ord 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/90768.html" title="Hvordan å omdirigere til en annen side i JavaScript " target="_self">Hvordan å omdirigere til en annen side i 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/92923.html" title="Slik starter MySQL Windows Service " target="_self">Slik starter MySQL Windows Service </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85891.html" title="Hvordan legge til en tekstboks til DataGridView " target="_self">Hvordan legge til en tekstboks til DataGridView </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86870.html" title="Hvordan lese et enkelt heltall Fra User " target="_self">Hvordan lese et enkelt heltall Fra User </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86087.html" title="Hvordan Reverse en enkelt lenket liste " target="_self">Hvordan Reverse en enkelt lenket liste </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92545.html" title="Hvordan begynne en Google Maps program Med PHP " target="_self">Hvordan begynne en Google Maps program Med PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/94108.html" title="Slik installerer Python " target="_self">Slik installerer Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96088.html" title="Hvordan lage hjerter på en bærbar PC " target="_self">Hvordan lage hjerter på en bærbar PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86570.html" title="Fordeler og ulemper med en nanocomputer " target="_self">Fordeler og ulemper med en nanocomputer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/ruby-programming/94220.html" title="Hvordan Switch en Rails database til SQLite3 " target="_self">Hvordan Switch en Rails database til SQLite3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95878.html" title="Hvordan lage Flow Diagrams " target="_self">Hvordan lage Flow Diagrams </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> 