Come inserire le funzioni JavaScript a piè di pagina

April 12

Come inserire le funzioni JavaScript a piè di pagina


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.

istruzione

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."

Consigli e avvertenze

  • Le grandi librerie JavaScript poste a piè di pagina, piuttosto che la sezione testa renderanno la vostra pagina Web per apparire per caricare più velocemente. Dal testo, le immagini e le animazioni vengono caricati e visualizzati per primi, il visitatore ha un contenuto di vista quando il codice sta caricando. La pagina dovrebbe essere organizzato in modo che nessun contenuto importante dipende dal codice piè di pagina da visualizzare.
  • I principali browser web tutte le visualizzano valido codice HTML e CSS in modo diverso. Inoltre, alcuni browser permettono l'utilizzo di funzioni proprietarie JavaScript che potrebbe non essere disponibile o possono funzionare in modo diverso su più conformi agli standard browser. Verificare sempre il codice su diversi browser e le versioni precedenti dello stesso browser al fine di garantire il vostro codice funziona come previsto.