Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur du ändrar innehållet i en iFrame Med JavaScript
    en infogad ram , eller iFrame , är en ram inuti en webbsida som kan hålla ett externt objekt , t.ex. en annan webbsida . Den iFrame attributet " src " anger webbsida ska laddas i ramen . Det är ofta så att du vill att iFrame innehållet att variera beroende på program logik , en händelse eller något annat kriterium vid körning . Du kan ändra innehållet i iFrame genom att ändra sin " src " attributet . Instruktioner
    1

    Skapa en ny HTML- fil med en HTMlL redigerare eller Anteckningar . Ange HTML-huvuden för filen . ! Till exempel , typ :

    < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >




    Ram < /title > <br> 2 <p> Definiera en JavaScript -funktion för att ändra " src " attributet för iFrame för att ändra dess innehåll . Till exempel , typ : <br> <p> <script type="text/javascript"> <br> <p> funktion changeContents ( ) { <br> <p> var frame = document.getEelemtnById ( " myFrame " ) ; <br> <p> if ( frame.src = " this.html " ) katalog <p> frame.src = " that.html "; <br> <p> annars <br> <p> ram . src = " this.html "; <br> <p> } <br> <p> < /script > <br> <p> < /head > Addera 3 <p> Skapa en HTML -knapp inuti "kroppen " taggar som kommer att anropa JavaScript-funktionen för att ändra iFrame innehållet när du klickar . Till exempel , typ : <br> <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < /form> <br> 4 <p> Sätt iFrame i den hemsidan . Till exempel , typ : <br> <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body> <br> <p> < /html > <br> 5 <p> Spara filen och dra upp webbsidan i en webbläsare . Testa att se skriptet fungerar korrekt . <br> <br> <div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91023.html' >Hur du kontrollerar om Whitespace Med Javascript </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91025.html' >Hur du ändrar bakgrundsfärgen på en rad i JavaScript </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/91131.html" title="Lägga flyta med JavaScript " target="_self">Lägga flyta med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91235.html" title="Så här visar XML Med JavaScript " target="_self">Så här visar XML Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90869.html" title="JavaScript-funktioner som en funktion Argument " target="_self">JavaScript-funktioner som en funktion Argument </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91172.html" title="Hur man skapar ett datum Script " target="_self">Hur man skapar ett datum Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90940.html" title="Hur Rotera Text efter examen i JavaScript " target="_self">Hur Rotera Text efter examen i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91027.html" title="Hur Split en sträng i JavaScript " target="_self">Hur Split en sträng i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90955.html" title="Hur får man en Cookie Script " target="_self">Hur får man en Cookie Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91204.html" title="Hur man installerar Java Script på en PC " target="_self">Hur man installerar Java Script på en PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91209.html" title="Hur man kör en klocka på en webbsida med hjälp av JavaScript " target="_self">Hur man kör en klocka på en webbsida med hjälp av Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91196.html" title="Hur man bär en Shift Dress " target="_self">Hur man bär en Shift Dress </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 class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <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.dator.xyz/Programmering/java-programming/90029.html" title="Hur vill kolla om ingången är en sträng i Java " target="_self">Hur vill kolla om ingången är en sträng i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89779.html" title="Avinstallera Subversive på Eclipse " target="_self">Avinstallera Subversive på Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90826.html" title="Hur man tar bort jQuery dragspel Styling " target="_self">Hur man tar bort jQuery dragspel Styling </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90092.html" title="Hur du returnerar ett booleskt värde i Java " target="_self">Hur du returnerar ett booleskt värde i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89194.html" title="Hur man kan stoppa Måla i Java med JPanel " target="_self">Hur man kan stoppa Måla i Java med JPanel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89333.html" title="Hur man installerar Hermes " target="_self">Hur man installerar Hermes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/ruby-programming/94216.html" title="Hur man installerar Gitorious på CentOS " target="_self">Hur man installerar Gitorious på CentOS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91730.html" title="Styra användare baserat på deras IP Använda PHP & MySQL " target="_self">Styra användare baserat på deras IP Använda PHP & My…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95055.html" title="Hur man tar bort en tom textruta i VBA " target="_self">Hur man tar bort en tom textruta i VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/94114.html" title="Python SSL Tutorial " target="_self">Python SSL Tutorial </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>