April 12
Il linguaggio Javascript dà ai programmatori un insieme notevole di strumenti per creare e modificare il contenuto della pagina Web. l'accesso di JavaScript Object Model DOM o di un documento di una pagina Web consente il codice di modificare gli elementi della pagina durante il processo di caricamento della pagina e dopo il caricamento della pagina è fatto. codice JavaScript può essere posizionato ovunque all'interno del documento HTML --- inclusa la sezione piè di pagina in cui il codice verrà caricato per ultimo. Gli script che dovrà essere eseguita in il caricamento della pagina devono rimanere nella testa o nel corpo, se del caso.
1 Avviare il, testo semplice applicazione standard editore che è disponibile sul computer.
2 Inserire il codice seguente nel editor di testo.
<Html>
<Head>
<Html>
<Head>
<Style type = "text / css"> <! -
footer {
background-color: red;
font-size: 15px;
text-align: center;
padding: 5px;
colore bianco;
}
-> </ Style>
</ Head>
<Body onload id = "esterno" = "changeBody ();" >
<H1 id = "interno"> Ecco il testo del JavaScript funziona su! </ H1>
<Input type = "button" onclick = "changeH1 ()" value = "Fare clic su questo pulsante per attivare il codice piè di pagina" />
<Div id = "footer">
Questo rappresenta il piè di pagina
<Script language = "javascript">
// Questo codice viene eseguito quando si preme il pulsante
funzione changeH1 () {
. Document.getElementById ( "interna") style.fontSize = "62px";
. Document.getElementById ( "interna") style.textAlign = "center";
. Document.getElementById ( "interna") style.backgroundColor = "# FFB3B3";
. Document.getElementById ( "interna") style.border = "4px tratteggiata rossa";
. Document.getElementById ( "interna") style.color = "nero";
. Document.getElementById ( "interna") innerHTML = "Il codice piè lavora qui";
}
Funzione changeBody () {
// Questo codice viene eseguito come il caricamento della pagina
. Document.getElementById ( "esterno") style.backgroundColor = "# c1c1c1";
}
</ Script>
<Script language = "javascript">
// Questo codice ha lo scopo di visualizzare come il caricamento della pagina, ma è posizionato in modo non corretto
document.write ( "<h1> Ho voluto questo per essere al top della pagina </ h1>");
</ Script>
</ Div>
</ Body>
</ Html>
3 Fare clic sul menu "File". Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."
4 Avviare il browser Web che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare "Apri file".
5 Individuare il file "test.html" appena creato, selezionare con il mouse, quindi fare clic su "Apri".
6 Fare clic sul pulsante "Fare clic su questo pulsante per attivare il codice piè di pagina."