JavaScript è un linguaggio di scripting vendor-neutral che in genere viene incorporato nelle pagine Web e gira su un computer client . Poiché JavaScript è basato su oggetti , ha una varietà di oggetti incorporati che possono essere utilizzati per aggiungere contenuto dinamico alle pagine web. Uno di questi oggetti , l'oggetto del documento , fornisce l'accesso a tutti gli elementi di una pagina HTML dall'interno di JavaScript , offrendo agli sviluppatori la possibilità di modificare dinamicamente gli elementi del documento , quali collegamenti e ancore , così come gli attributi , come il colore di sfondo e il titolo della pagina . Cose che ti serviranno
Text Editor
browser con JavaScript abilitato
Mostra più istruzioni
1
Aprire un editor di testo e creare un nuovo file di nome updateTitle.html . Aggiungi alcuni tag HTML per updateTitle.html , essere sicuri di includere una
e un updateTitle.html .
2
Aggiungi un tag
alla sezione <head> HTML . Il testo del titolo dovrebbe essere " Titolo della pagina Prima " : Titolo <br> <p> <html> <br> <p> <head> <br> <p> <title> di Prima Pagina < /title> <br> <p> < /head> <br> <p> <body> < /body> <br> <p> < /html > <br> 3 <p> Tipo un tag script aperto JavaScript e posizionarlo all'interno del tag HTML <head> . Impostare il valore del tag <script> tipo di text /javascript e chiudere il tag : Titolo <br> <p> <html> <br> <p> <head> <br> <p> <title> della Pagina prima < /title> <br> <p> < copione <br> 4 <p> Aggiungi una funzione JavaScript per <script> sezione del file. Assegnare un nome alla ChangeTitle function () : Titolo <br> <p> <html> <br> <p> <head> <br> <p> <title> di Prima Pagina < /title> <br> < p > <script type="text/javascript"> <br> funzione <p> <br> 5 <p> Aggiungi codice JavaScript alla funzione ChangeTitle ( ) che aggiorna il titolo del documento utilizzando la proprietà document.title . Modificare il titolo del titolo di pagina dopo : Titolo <br> <p> <html> <br> <p> <head> <br> <p> <title> di Prima Pagina < /title> <br> < p > <script type="text/javascript"> <br> <p> funzione ChangeTitle ( ) per <p> { <br> <p> document.title Title = " della Pagina Pagina 6 <p> Aggiungi un tag <p> all'interno del tag HTML <body> Inserisci il testo che viene visualizzato il messaggio Cambia titolo con JavaScript Chiudere il < /p> tag : . . <br> <p> < ; titolo html > <br> <p> <head> <br> <p> <title> di Prima Pagina < /title> <br> <p> <script type="text/javascript"> <br> <p> funzione ChangeTitle ( ) per <p> { <br> <p> document.title = " Titolo della pagina dopo " ; <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> <p> <body> <br> <p> Cambia titolo con JavaScript < /p > <br> <p> < /body> <br> <p> < /html > <br> 7 <p> Aggiungi un tag <button> al tag body . Aggiungi un onclick ( ) di eventi al pulsante e impostare il onclick ( . ) azione di chiamare la ChangeTitle ( ) funzione JavaScript Inserisci il testo Fare clic per cambiare titolo , dopo il tag di apertura <button> e chiudere il tag : <br> <p> <html> <br> <p> <head> ; titolo <br> <title> <p> di Prima Pagina < /title> <br> <p> <script type="text/javascript"> <br> <p> funzione ChangeTitle ( ) per <p> { <br> <p> document.title = " Titolo della pagina dopo " ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> <p> <body> <br> <p> Cambia titolo con JavaScript < /p > <br> <p> <button onclick="changeTitle()"> Clicca per cambiare titolo < /button > <br> <p> < /body> <br> <p> < /html > <br> <p> Salvare e chiudere updateTitle.html . <br> 8 <p> Apri updateTitle . html in un Web browser. Fai clic sul pulsante " Clicca per cambiare titolo " per cambiare titolo updateTitle.html s 'dal titolo di pagina prima del titolo della pagina dopo . <br> <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>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/91068.html' >Come verificare se un immobile oggetto esiste in JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91070.html' >Come scorrere i messaggi nella barra di stato </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"> Articoli Correlati </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="/Programmazione/javascript-programming/91172.html" title="Come creare uno script Data " target="_self">Come creare uno script Data </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91277.html" title="Come utilizzare HREF JavaScript Link " target="_self">Come utilizzare HREF JavaScript Link </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90902.html" title="Come utilizzare un'istruzione condizionale in JQuery " target="_self">Come utilizzare un'istruzione condizionale in JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90871.html" title="5 Usi di Javascript " target="_self">5 Usi di Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91248.html" title="Come convertire HTML a JSP " target="_self">Come convertire HTML a JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91050.html" title="Come controllare il tipo di browser in Javascript " target="_self">Come controllare il tipo di browser in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90835.html" title="Come utilizzare l'analisi statica per trovare i bug " target="_self">Come utilizzare l'analisi statica per trovare i bug </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90898.html" title="Come utilizzare JavaScript Developer " target="_self">Come utilizzare JavaScript Developer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90991.html" title="Come controllare i margini in un JavaScript " target="_self">Come controllare i margini in un JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91086.html" title="Come cambiare la password su un Javascript Aptiva IBM Computer " target="_self">Come cambiare la password su un Javascript Aptiva IBM C…</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">Articoli in evidenza </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="/Programmazione/computer-programming-languages/87462.html" title="Size & MaxLength Proprietà di una TextBox " target="_self">Size & MaxLength Proprietà di una TextBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91594.html" title="Come creare un flusso di Twitter con PHP " target="_self">Come creare un flusso di Twitter con PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85386.html" title="Come inserire un ritardo in secondi per C + + " target="_self">Come inserire un ritardo in secondi per C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/86200.html" title="Come utilizzare la mappa STL Container Classe " target="_self">Come utilizzare la mappa STL Container Classe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88340.html" title="Introduzione a SQL Certificazione " target="_self">Introduzione a SQL Certificazione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92738.html" title="Come stampare i nomi colonna con PHP e Microsoft SQL " target="_self">Come stampare i nomi colonna con PHP e Microsoft SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87346.html" title="Bits Vs . Bytes " target="_self">Bits Vs . Bytes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87467.html" title="Come estendere un timeout di sessione con un mouse in ASP.NET " target="_self">Come estendere un timeout di sessione con un mouse in A…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88333.html" title="Come calcolare PPS " target="_self">Come calcolare PPS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90420.html" title="Tutorial Sun Java " target="_self">Tutorial Sun Java </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 © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 