Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come utilizzare JavaScript per aggiornare una pagina Titolo

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><meta name=viewport content="width=device-width, initial-scale=1.0"> HTML . Il testo del titolo dovrebbe essere " Titolo della pagina Prima " : Titolo <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> . Impostare il valore del tag <script> tipo di text /javascript e chiudere il tag : Titolo <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> <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><meta name=viewport content="width=device-width, initial-scale=1.0"> ; 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> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182136.html' >Come verificare se un immobile oggetto esiste in JavaScript </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182140.html' >Come scorrere i messaggi nella barra di stato </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/PHP--MySQL-Programmazione/1185070.html" target="_blank">Come verificare se un collegamento funziona in PHP </a></li><li><a href="/Programmazione/C--C-----Programming/1172296.html" target="_blank">Quali sono le funzioni di Hard Disk </a></li><li><a href="/Programmazione/C--C-----Programming/1171300.html" target="_blank">Come fare un programma a scelta multipla di test in C </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173586.html" target="_blank">Come usare saliva dalla Groovy </a></li><li><a href="/Programmazione/Java-Programming/1181410.html" target="_blank">Come utilizzare un'istruzione switch </a></li><li><a href="/Programmazione/C--C-----Programming/1172030.html" target="_blank">Come ordinare in Turbo C + + </a></li><li><a href="/Programmazione/Java-Programming/1178848.html" target="_blank">Come rimuovere i tag script nella Mootools XHR </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190894.html" target="_blank">Come faccio a fare un evento MouseClick utilizzando Visual Basic </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1181560.html" target="_blank">Differenza tra OnBeforeUnload & OnUnload </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182220.html" target="_blank">Come utilizzare il metodo POST in Window.Open con Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181758.html" target="_blank">Come incorporare JavaScript Asp.net </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182138.html" target="_blank">Come utilizzare JavaScript per aggiornare una pagina Titolo </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181770.html" target="_blank">Come fare un Applet in NetBeans </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182094.html" target="_blank">Come prova di un array vuoto con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182194.html" target="_blank">Come controllare di Windows Autorizzazioni condivisione di rete in Java </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182464.html" target="_blank">Come inserire codice HTML in un messaggio e -mail </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182318.html" target="_blank">Struttura di Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182258.html" target="_blank">Come calcolare in Java Script </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>