Hvordan plassere Javascript-funksjoner i bunntekst

Hvordan plassere Javascript-funksjoner i bunntekst


Javascript Den gir programmerere en bemerkelsesverdig sett med verktøy for å opprette og endre innholdet på websiden. Javascript adgang DOM eller Document Object Model av en webside kan koden endre sideelementer under lasting av side prosessen og etter at siden lasten er ferdig. Javascript-kode kan plasseres hvor som helst i HTML-dokumentet --- inkludert bunnseksjonen der koden vil bli lastet sist. Skript som må utføres som siden lastes bør forbli i hodet eller i kroppen der det er hensiktsmessig.

Bruksanvisning

1 Start standard, ren tekst editor program som er tilgjengelig på datamaskinen.

2 Skriv inn følgende kode inn i teksteditor.

<Html>

<Head>

<Html>

<Head>

<Style type = "text / css"> <! -

footer {

background-color: red;

font-size: 15px;

text-align: center;

padding: 5px;

Farge: hvit;

}

-> </ Style>

</ Head>

<Body id = "ytre" onload = "changeBody ();" >

<H1 id = "indre"> Her er teksten Javascript fungerer på! </ H1>

<Input type = "button" onclick = "changeH1 ()" value = "Klikk på denne knappen for å aktivere bunntekstkoden" />

<Div id = "footer">

Dette representerer bunntekst

<Script language = "javascript">

// Denne koden utføres når du trykker på knappen

fungere changeH1 () {

. Document.getElementById ( "indre") style.fontSize = "62px";

. Document.getElementById ( "indre") style.textAlign = "center";

. Document.getElementById ( "indre") style.backgroundColor = "# FFB3B3";

. Document.getElementById ( "indre") style.border = "4px stiplet rød";

. Document.getElementById ( "indre") style.color = "black";

. Document.getElementById ( "indre") innerhtml = "Bunnteksten koden fungerer her";

}

funksjon changeBody () {

// Denne koden utfører som siden lastes

. Document.getElementById ( "ytre") style.backgroundColor = "# c1c1c1";

}

</ Script>

<Script language = "javascript">

// Denne koden er ment å vises som siden lastes, men er lagt feil

document.write ( "<h1> Jeg ønsket dette for å være på toppen av siden </ h1>!");

</ Script>

</ Div>

</ Body>

</ Html>

3 Klikk på "File" -menyen. Velg "Lagre" alternativet. Lagre under filnavnet "test.html."

4 Start nettleseren som er tilgjengelig på datamaskinen. Klikk på "File" menyen og velg "Åpne fil".

5 Finn filen "test.html" nettopp opprettet, velger du den med musen, klikk på "Open".

6 Klikk på knappen merket "Klikk på denne knappen for å aktivere bunnteksten kode."

Hint

  • Store Javascript-biblioteker plassert i bunnen i stedet for hoveddelen vil gjøre din webside på nett for å laste raskere. Siden tekst, bilder og animasjoner er lastet og vises først, har de besøkende innhold for å se mens koden din lastes. Din side skal organiseres slik at ingen viktig innhold er avhengig av bunnteksten kode for å vise.
  • De store nettlesere alle vise gyldig HTML og CSS-kode annerledes. I tillegg er noen nettlesere tillate bruk av proprietære Javascript-funksjoner som kanskje ikke er tilgjengelig eller kan fungere annerledes på flere standardkompatible nettlesere. Test alltid koden på ulike nettlesere og eldre versjoner av samme nettleser for å sikre koden din fungerer slik du ønsker.