August 29
JavaScript è un linguaggio di scripting vendor-neutral che viene in genere integrati nelle pagine web e viene eseguito su un computer client. Dal momento che JavaScript è basato su oggetti, ha una varietà di oggetti incorporati che possono essere utilizzati per aggiungere contenuti dinamici alle pagine Web. Uno di questi oggetti, l'oggetto del documento, consente di accedere a tutti gli elementi in una pagina HTML dall'interno JavaScript, offrendo agli sviluppatori la possibilità di modificare dinamicamente elementi del documento, quali collegamenti e ancore, così come gli attributi, come il colore di sfondo e il titolo della pagina .
1 Aprire un editor di testo e creare un nuovo file chiamato updateTitle.html. Aggiungere alcuni tag HTML per updateTitle.html, avendo cura di includere un <head> e <body> sezione:
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
Salva updateTitle.html.
2 Aggiungere un tag <title> al codice HTML sezione <head>. Il testo del titolo dovrebbe leggere "titolo di Pagina Prima":
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
</ Head>
<Body> </ body>
</ Html>
3 Digitare un tag script aperto Javascript e posizionarlo all'interno del codice HTML tag <head>. Impostare il <script> valore del tipo di tag text / javascript e chiudere il tag:
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Aggiungere una funzione JavaScript per sezione <script> del file. Nome della funzione ChangeTitle ():
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
<Script type = "text / javascript">
funzione ChangeTitle ()
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Aggiungere il codice JavaScript alla funzione ChangeTitle () che aggiorna il titolo del documento utilizzando la proprietà document.title. Modificare il titolo del titolo di pagina dopo:
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
<Script type = "text / javascript">
funzione ChangeTitle ()
{
document.title = "titolo di pagina dopo";
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Aggiungere un tag <p> all'interno del tag HTML <body>. Inserire il testo che visualizza il messaggio Cambia titolo con JavaScript. Chiudere il tag </ p>:
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
<Script type = "text / javascript">
funzione ChangeTitle ()
{
document.title = "titolo di pagina dopo";
}
</ Script>
</ Head>
<Body>
<P> Cambia titolo con JavaScript </ p>
</ Body>
</ Html>
7 Aggiungere un tag <button> al tag <body>. Aggiungere un evento onclick () per il pulsante e impostare l'azione onclick () per chiamare il ChangeTitle () funzione JavaScript. Inserire il testo Clicca per modificare il titolo dopo il tag <button> aprire e chiudere il tag:
<Html>
<Head>
<Title> Titolo della pagina Prima </ title>
<Script type = "text / javascript">
funzione ChangeTitle ()
{
document.title = "titolo di pagina dopo";
}
</ Script>
</ Head>
<Body>
<P> Cambia titolo con JavaScript </ p>
<Button onclick = "ChangeTitle ()"> Fare clic per cambiare titolo </ button>
</ Body>
</ Html>
Salvare e chiudere updateTitle.html.
8 Aprire updateTitle.html in un browser Web. Fare clic su "Fare clic per cambiare titolo" pulsante per cambiare il titolo di updateTitle.html dal titolo di pagina prima del titolo di pagina dopo.