En Inline Frame eller iFrame er et objekt på en webside, der kan holde et andet objekt, såsom en anden webside. Med JavaScript , har du evnen til at tilsidesætte eller ændre , indholdet af , hvad der vises i iFrame ved at ændre " src " attribut i iFrame -tag. Du kan tillade brugeren at tilsidesætte iFrame ved at knytte denne funktionalitet med en knap , f.eks . Instruktioner
1
Opret en ny HTML-fil i en editor eller ved hjælp af Notesblok. ! Skriv f.eks : Hej
< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
< p >
Overstyring <br> 2 <p> Tilføj en iFrame til websiden og tildele et id til det. Tilføj en knap til websiden for at tilsidesætte iFrame . For eksempel mellem HTML " <body> " tags , type : Hej <p> <form> < 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> Opret en JavaScript-funktion til at tilsidesætte indholdet af iFrame og indsætte det mellem " <head> " tags i HTML-dokumentet . Skriv f.eks : Hej <p> <script type="text/javascript"> <br> <p> funktion changeIFrame () { <br> <p> var cur = 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="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Forrige ： <a class='LinkPrevArticle' href='/Programmering/javascript-programming/91011.html' >Sådan Formatér en JavaScript Array </a></li></p></td>
</tr>
<tr>
<td width="49%"> næste ： <a class='LinkNextArticle' href='/Programmering/javascript-programming/91013.html' >Sådan Pass en heltal til en funktion i JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Relaterede artikler </td>
</tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90775.html" title="Sådan bruges JW Player Med MP4 " target="_self">Sådan bruges JW Player Med MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90826.html" title="Sådan fjernes jQuery Harmonika Styling " target="_self">Sådan fjernes jQuery Harmonika Styling </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91286.html" title="Hvordan man laver en Dashboard Widget med Dashcode " target="_self">Hvordan man laver en Dashboard Widget med Dashcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90820.html" title="Sådan konstateres , om et nummer passer ind i den Int i JavaScript " target="_self">Sådan konstateres , om et nummer passer ind i den Int …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90762.html" title="Hvad betyder Javascript Void kan ikke åbne Mean " target="_self">Hvad betyder Javascript Void kan ikke åbne Mean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91222.html" title="Sådan oprettes en billedsøgning på en hjemmeside " target="_self">Sådan oprettes en billedsøgning på en hjemmeside </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90804.html" title="Hvordan man tegner en Polyline have en Array of String Steder i Google Maps V3 " target="_self">Hvordan man tegner en Polyline have en Array of String …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90819.html" title="Sådan bruges Lysbord Med glatte Anchors " target="_self">Sådan bruges Lysbord Med glatte Anchors </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/90787.html" title="Hvordan man laver en JavaScript Indkøbskurv " target="_self">Hvordan man laver en JavaScript Indkøbskurv </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91085.html" title="Oplysninger om programmering af Palm OS " target="_self">Oplysninger om programmering af Palm OS </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Anbefalede Artikler </td>
</tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/92199.html" title="Hvordan man opbygger en PHP Array " target="_self">Hvordan man opbygger en PHP Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/visual-basics-programming/94310.html" title="VB.NET Client Server Programmering " target="_self">VB.NET Client Server Programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/cc-programming/85862.html" title="Sådan konverteres fra Int til Char " target="_self">Sådan konverteres fra Int til Char </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/visual-basics-programming/94964.html" title="Sådan får Printer oplysninger Brug VB6 " target="_self">Sådan får Printer oplysninger Brug VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91164.html" title="Hvordan man skriver hjælp Javascript " target="_self">Hvordan man skriver hjælp Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/89505.html" title="Sammenligning af Java & Net platforme " target="_self">Sammenligning af Java & Net platforme </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88177.html" title="Assemblerprogrammer til en IBM PC " target="_self">Assemblerprogrammer til en IBM PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/php-mysql-programming/91966.html" title="Hvordan kan man se Hvis en funktion Call er statisk eller ikke PHP " target="_self">Hvordan kan man se Hvis en funktion Call er statisk ell…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/89302.html" title="Forskellige Forholdet typer i Java " target="_self">Forskellige Forholdet typer i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91069.html" title="Sådan bruges JavaScript for at opdatere en side titel " target="_self">Sådan bruges JavaScript for at opdatere en side titel </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<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=middle>Copyright © Computer Viden http://www.computerdk.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 