HTML Script Coding

Nettsteder bruker ofte kode på flere språk. Nettside innhold omfatter kodestrukturer i HTML, mens styling erklæringen fremkommer av Cascading Style Sheet kode. Mange nettsteder også bruke Javascript for klientsiden scripting. Javascript utvikling innebærer programmeringskode, så kan implementere komplekse webapplikasjoner. Script koding for HTML-sider som kan være enkle nok til at selv nybegynnere kan lære teknikkene involvert.

Script Areas

Nettsider kan omfatte områder for skriptkode i hodet og kroppen deler. Følgende eksempelkode demonstrerer et skript delen kan du legge til en side i enten hodet eller kroppen området:

<Script type = "text / javascript">
// Skriptkode her
</ Script>

Inne i denne delen, kan utviklere inkludere noen Javascript-kode er nødvendig. Følgende eksempelkode demonstrerer knytte til skriptkode i en egen fil, fra HTML hodedelen:

<Script type = "text / javascript" src = "scripts / mycode.js"> </ script>

Dette importerer innholdet av et skript fil som er lagret i en katalog som heter "skript" som er i samme katalog som siden. Utvikleren kan opprette dette skriptet, lagre det med navnet "mycode.js" og plassere den innenfor den angitte katalogen på serveren. Enhver Javascript-kode som er oppført i den eksterne filen kan brukes innenfor websiden.

Javascript Syntax

Javascript er et relativt enkelt språk å lære, selv om du har veldig liten erfaring med programmering. Syntaksen er Javascript er lesbar, så skript i HTML-sider er ofte lett å forstå og arbeide med. Mange HTML-skript punkter inneholder bare noen få linjer med kode. Javascript koding modeller individuelle elementer av data som variabler, som i følgende eksempelkode:

Var title = "Min Side";

Javascript behandling kan også utføre aritmetiske operasjoner, som følger:

Var først = 3;
Var andre = 5;
Var resultat = første * andre;

Den tredje variable lagrer resultatet av multiplikasjonen drift når dette koden utføres.

funksjoner

Programmerere kan inkludere Javascript-kode behandling innen funksjoner. Dette gjør at sider å gjenbruke den samme koden uttalelser flere ganger uten å måtte gjenta syntaks. Følgende eksempelkode demonstrerer en Javascript-funksjon:

funksjon formatContent (innhold) {
Var formattedContent = "<p> Her er innholdet:" + innhold + "</ p>";
tilbake formattedContent;
}

Denne funksjonen tar noe av innholdet sendes som en parameter, og deretter bygger innholdet i HTML-strukturer, før vi returnerer resultatet til koden kalle funksjonen. Følgende eksempelkode demonstrerer kalle funksjonen fra et annet skript sted; for eksempel kroppen delen av HTML-siden:

Var visibleContent = formatContent ( "Hello");
document.write (visibleContent);

Dette vil føre til at pass innholdet for å vises på nettsiden HTML markup, formatert av funksjon, som følger:

<P> Her er innholdet: Hei </ p>

(Se Referanser 5)

Kontroll

Javascript-koden kan bruke kontrollstrukturer for å diktere gangen i prosesseringen. Betinget utsagn kan skreddersy kjøringen til verdiene av datavariabler, som i følgende eksempelkode:

funksjon checkValue (val) {
if (val <10) alert (val + "er mindre enn 10");
else if (val> 10) alert (val + "er lik 10");
ellers signal (val + "er større enn 10");
}

Denne funksjonen tar passert antall variabel, og deretter utfører en rekke betinget tester på det. Den første testen sjekker hvorvidt verdien er mindre enn ti, i hvilket tilfelle den første varsling utfører og leseren ignorerer de to andre. Hvis den første betingelse har en falsk resultat, vil behandlingen gå videre til den andre testen. Dersom de første og andre testene return false, vil innholdet av "andre" statement utføre, siden dette er den eneste gjenværende mulighet.