JavaScript is een vendor - neutrale scripttaal die typisch is ingebed in webpagina's en draait op een client- computer . Omdat JavaScript is object- gebaseerd, heeft een verscheidenheid aan ingebouwde objecten die kunnen worden gebruikt om dynamische inhoud aan webpagina's . Een van deze objecten , het document object , biedt toegang tot alle elementen in een HTML-pagina van binnenuit JavaScript , waardoor ontwikkelaars de mogelijkheid om dynamisch te wijzigen document elementen zoals koppelingen en ankers , evenals attributen, zoals de achtergrondkleur en pagina titel . Wat je nodig hebt
tekst editor
webbrowser met Javascript
Toon Meer Aanwijzingen
1 Open een tekstverwerker en maak een nieuw bestand met de naam updateTitle.html . Voeg wat HTML -tags te updateTitle.html , waarbij u een en een omvatten updateTitle.html . kopen van 2 Voeg een label naar de sectie HTML <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> . De tekst van de titel moeten lezen " Titelpagina 's Before" : Titel <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Pagina <br> 's <br> Voordat < /title > < > <p> < /head > <p> <body> <br> < /body <br> <p> < /html > <br> <p> Type br > 3 een webbrowser geopend script-tag en plaats deze in de HTML- code <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> . Stel de <script> tag waarde type op text /javascript en sluit de tag : <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Pagina <br> 's Document Titel voordat < /title > <br> <p> < script Goedkope 4 <p> Voeg een JavaScript-functie om sectie van het bestand <script> . Noem de functie changeTItle ( ) : Titel <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Pagina <br> 's <br> Voordat < /title > <br> <p > <script type="text/javascript"> <p> functie <br> Goedkope 5 <p> Voeg JavaScript -code aan de changeTitle ( ) functie die updates titel van het document met behulp van de document.title pand . Verander de titel naar titel Pagina 's Na : Titel <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Pagina <br> 's <br> Voordat < /title > <br> <p > <script type="text/javascript"> <p> functie changeTitle ( ) <br> <p> { <p> document.title <br> = " Pagina 's Titel <br> 6 <p> In <p> -tag in de HTML- code <body> een tekst invoeren die het bericht Change Title Met JavaScript toont Sluit de < /p > tag : . . <br> <p> < ; Titel html > <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> <p> <title> Pagina 's <br> Voordat > <br> <p> <script type="text/javascript"> < /title < br > <p> functie changeTitle ( ) <p> { <p> document.title <br> = " Titelpagina 's Na " ; <p> <br> } <br> <p> < /script > <br> <p> < /head > <p> <body> <br> <p> Change Titel | p Met JavaScript <br> <p> < /body > < /p > <br> <p> < /html > <br> 7 <p> Voeg een <button> label aan de <body> . Voeg een onclick ( ) event aan de knop en stel de onclick ( . ) actie om de changeTitle ( ) noemen JavaScript-functie Voer de tekst Klik op Titel wijzigen na de <button> open markering en sluit de tag : <p> <html> <p> <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <br> , titel <p> <title> Pagina 's <br> Voordat < /title > <p> <script type="text/javascript"> <p> functie changeTitle <br> ( ) op Twitter <p> { <p> document.title <br> = " Pagina 's Titel Na " ; <p> <br> } <br> <p> < /script > <br> <p> < /head > < br > <p> <body> <br> <p> Change Titel <p> met JavaScript < /p> <button <br> onclick="changeTitle()"> Klik op Titel wijzigen < /button > <p> < /body > Telefoonkaarten <p> < /html > <br> <p> Opslaan en sluiten updateTitle.html . <br> <p> Open updateTitle 8 . html in een webbrowser . Klik op de " Klik op Titel wijzigen " knop om updateTitle.html ' s titel te wijzigen van pagina 's Titel Alvorens naar pagina 's titel na . <br> <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/91068.html' >Hoe om te controleren Als een Object Property Bestaat in JavaScript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91070.html' >Hoe te Scroll via berichten in de statusbalk </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/91142.html" title="Hoe te Divs Toggle Met Javascript " target="_self">Hoe te Divs Toggle Met Javascr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90969.html" title="Hoe kan ik meerdere elementen in Javascript verbergen " target="_self">Hoe kan ik meerdere elementen …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91020.html" title="Hoe maak je een scrollbar verbergen Met JavaScript " target="_self">Hoe maak je een scrollbar verb…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90831.html" title="JQuery Voordelen " target="_self">JQuery Voordelen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91238.html" title="Hoe te Waarden in XML Met JavaScript Verander " target="_self">Hoe te Waarden in XML Met Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91052.html" title="Hoe de sessie variabelen van JavaScript " target="_self">Hoe de sessie variabelen van J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91146.html" title="Een opmerking in een Java Script " target="_self">Een opmerking in een Java Scri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91017.html" title="Hoe maak je een string Aaneenschakelen Met een variabele in JavaScript " target="_self">Hoe maak je een string Aaneens…</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></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/java-programming/201309/89015.html" title="Hoe de TableModel From Another Thread bijwerken " target="_self">Hoe de TableModel From Another Thread bi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90715.html" title="Hoe te JAR -bestanden opnemen in uw Project Build Path in Eclipse " target="_self">Hoe te JAR -bestanden opnemen in uw Proj…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94275.html" title="Visual Basic Gmail mislukt verbinding met de server " target="_self">Visual Basic Gmail mislukt verbinding me…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90786.html" title="Hoe je Java Script gebruiken in Microsoft Office " target="_self">Hoe je Java Script gebruiken in Microsof…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90164.html" title="Hoe te Points uit een array in Java " target="_self">Hoe te Points uit een array in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85601.html" title="Herdefiniëren Methods in C + + " target="_self">Herdefiniëren Methods in C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92989.html" title="Hoe te Telefoonnummers opmaken in PHP " target="_self">Hoe te Telefoonnummers opmaken in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90077.html" title="Om te lezen hoe Van een Input Stroom in Java " target="_self">Om te lezen hoe Van een Input Stroom in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92899.html" title="Hoe je MS Office-bestanden lezen in PHP " target="_self">Hoe je MS Office-bestanden lezen in PHP </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>
|
