|  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 man använder JavaScript för att uppdatera en sida Titel

    JavaScript är ett leverantörsoberoende skriptspråk som oftast är inbäddat i webbsidor och körs på en klientdator . Eftersom JavaScript är objekt - baserad , den har en mängd inbyggda objekt som kan användas för att lägga till dynamiskt innehåll på webbsidor . Ett av dessa objekt , dokumentet objektet , ger tillgång till alla element i ett HTML- sida inifrån JavaScript , vilket ger utvecklare möjlighet att dynamiskt ändra dokumentelement exempel länkar och ankare , samt attribut som bakgrundsfärg och sidtitel . Saker du behöver
    textredigerare webbläsare
    webben med JavaScript aktiverat
    Visa fler instruktioner
    1

    Öppna en textredigerare och skapa en ny fil med namnet updateTitle.html . Lägg till några HTML-taggar till updateTitle.html , var noga med att inkludera en och en updateTitle.html .
    2

    Lägg ett tagg i HTML <head> avsnittet . Titeln text bör läsas " sidas titel Före " : <br> <p> <html> <br> <p> <head> <br> <p> <title> sidas titel Före < /title > <br > <p> < /head > <br> <p> <body> < /body> <br> <p> < /html > Addera 3 <p> Type ett JavaScript öppet script -taggen och placera den inuti HTML <head> taggen . Ställ <script> taggens typ värde till text /javascript och stäng taggen : <br> <p> <html> <br> <p> <head> <br> <p> <title> sidas titel före < /title > <br> <p> < script <br> 4 <p> Lägg en JavaScript -funktion till filens <script> avdelning . Namnge funktion changeTItle ( ) : <br> <p> <html> <br> <p> <head> <br> <p> <title> sidas titel Före < /title > <br> < p > <script type="text/javascript"> <br> <p> funktion <br> 5 <p> Lägg JavaScript -kod till changeTitle ( ) funktion som uppdaterar dokumentets titel med document.title egendom . Ändra rubriken till sidans titel efter : <br> <p> <html> <br> <p> <head> <br> <p> <title> sidas titel Före < /title > <br> < p > <script type="text/javascript"> <br> <p> funktion changeTitle ( ) katalog <p> { <br> <p> document.title = " Sidans titel <br> 6 <p> Lägg ett <p> tagg inuti HTML <body> Ange text som visar titeln meddelandet Change Med JavaScript Stäng < /p > tag : . . <br> <p> < , html > <br> <p> <head> <br> <p> <title> sidas titel Före < /title > <br> <p> <script type="text/javascript"> <br > <p> funktion changeTitle ( ) katalog <p> { <br> <p> document.title = " Sidans titel Efter "; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> <p> <body> <br> <p> <p> Ändra titel Med JavaScript < /p > <br> <p> < /body> <br> <p> < /html > <br> 7 <p> Lägg ett <button> tagg till <body> . Lägg till ett onclick ( ) händelsen på knappen och ställ in onclick ( . ) åtgärder för att anropa changeTitle ( ) JavaScript-funktionen Ange texten Klicka för att ändra titel efter <button> öppen taggen och stäng taggen : <br> <p> <html> <br> <p> <head> ; <br> <p> <title> sidas titel Före < /title > <br> <p> <script type="text/javascript"> <br> <p> funktion changeTitle ( ) katalog <p> { <br> <p> document.title = " sidas titel Efter "; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br > <p> <body> <br> <p> <p> Ändra titel med JavaScript < /p > <br> <p> <button onclick="changeTitle()"> Klicka på Ändra titel < /knappen > <br> <p> < /body> <br> <p> < /html > <br> <p> Spara och stäng updateTitle.html . <br> 8 <p> Open updateTitle . html i en webbläsare . Klicka på " Klicka för att ändra titel " -knappen för att ändra updateTitle.html s titel från sidans titel Innan att sidans titel efter . <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/91068.html' >Hur vill kolla om ett objekt egenskapen finns i JavaScript </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91070.html' >Hur du bläddrar bland Meddelanden i statusfältet </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/91272.html" title="Lägga till en blogg knapp med textruta undertill för Code " target="_self">Lägga till en blogg knapp med textruta undertill för …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90934.html" title="Hur man tar bort iFrame Scrollbars i JavaScript " target="_self">Hur man tar bort iFrame Scrollbars 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/91175.html" title="Definition av JavaScript " target="_self">Definition av JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90772.html" title="Javascript och reguljära uttryck för att postnumren " target="_self">Javascript och reguljära uttryck för att postnumren </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90845.html" title="Hur man skapar ett cirkeldiagram i JSP Använda JFreeChart " target="_self">Hur man skapar ett cirkeldiagram i JSP Använda JFreeCh…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90746.html" title="IE 8 JavaScript ogiltig pekare Fel " target="_self">IE 8 JavaScript ogiltig pekare Fel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90990.html" title="Hur infoga element med div i JavaScript " target="_self">Hur infoga element med div 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/91201.html" title="Hur du ändrar markören på rollover " target="_self">Hur du ändrar markören på rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91045.html" title="Så ändrar HTML Text i jQuery Input " target="_self">Så ändrar HTML Text i jQuery Input </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90997.html" title="Hur man skriver på ett Div Från JavaScript " target="_self">Hur man skriver på ett Div Från JavaScript </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/computer-programming-languages/87501.html" title="Hur man skriver pseudokod för att slå upp ord i en ordbok " target="_self">Hur man skriver pseudokod för att slå upp ord i en or…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/94010.html" title="Konvertera Polar till kartesiska i Python " target="_self">Konvertera Polar till kartesiska i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89462.html" title="Hur att köra appletar i NetBeans " target="_self">Hur att köra appletar i NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95244.html" title="Hur hitta EXE av en VB.NET Application " target="_self">Hur hitta EXE av en VB.NET Application </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86990.html" title="Hur man gör en radmatning i XSLT " target="_self">Hur man gör en radmatning i XSLT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93137.html" title="Hur man skriver PHP-skript " target="_self">Hur man skriver PHP-skript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86348.html" title="Skillnader mellan hasEventListener & willTrigger " target="_self">Skillnader mellan hasEventListener & willTrigger </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92384.html" title="Inaktivera PHP Registrera Globals " target="_self">Inaktivera PHP Registrera Globals </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95129.html" title="Hur man gör en Array i VBS " target="_self">Hur man gör en Array i VBS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95545.html" title="Hur dölja autogenererade Kolumner " target="_self">Hur dölja autogenererade Kolumner </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>