Er zijn verschillende manieren om insluiten JavaScript in uw HTML-pagina's. Laten we eens kijken naar hen

<SCRIPT> de tag.

JavaScript-code wordt weergegeven tussen een <SCRIPT> en een </ SCRIPT> tags. U kunt alleen de fundamentele <SCRIPT> tags voor uw scripts als het volgende

<SCRIPT>
document.write ("Een JavaScript-voorbeeld");
</ SCRIPT>

dat geeft ons de volgende output

document.write ("Een JavaScript-voorbeeld");
Er zijn een aantal attributen die we kunnen gebruiken met de tag <SCRIPT>

TAAL

Dit wordt gebruikt om aan te geven wat scripting taal het script is geschreven in. In de meeste browsers de standaard attribuut JavaScript. Maar u moet zich ervan bewust dat er ook VBScript is ook. Als je te mengen VBScript en JavaScript en niet de taal die u zou krijgen enkele interessante problemen opduiken specificeren. U kunt de taal toe te schrijven aan de huidige versie nummer van JavaScript, dus als je dit instelt op JavaScript 1.1 zou u alle functies van JavaScript 1.1, maar als je script had kenmerken die werden ingevoerd in een latere versie van het script JavaScript zou mislukken .

SRC

Dit wordt gebruikt om de URL van een extern script nader worden geladen en uitgevoerd. Deze externe bestanden hebben doorgaans een. Js extensie. Dus dit zou er zo uitzien <SCRIPT SRC = "sample.js"> </ script>

ARCHIEF

Dit wordt gebruikt om de URL van een JAR-bestand dat een script dat is opgegeven door de SRC attribuut bevat specificeren. JavaScript 1.2 vereist.

TYPE

Dit wordt alleen ondersteund in Internet Explorer 4 en Netscape Navigator 4 naar boven. De syntax is als volgt

<SCRIPT TYPE = "text/JavaScript"> mijn javascript </ SCRIPT>

Event handlers

JavaScript-code kan ook worden geplaatst in het handler attributen van HTML tags. Deze attributen begint altijd met op en enkele voorbeelden zijn onClick, onBlur en onmousedown. De code wordt uitgevoerd wanneer de gebeurtenis plaatsvindt, zodat bijvoorbeeld als u op een knop drukt en JavaScript-code aan de knop deze wordt uitgevoerd wanneer de knop wordt ingedrukt. Hier is een voorbeeld.

Hier is de HTML-code voor dit voorbeeld

<INPUT TYPE = knop value = "Druk op mij voor een alert box"
onClick = "alert ('verdomd irritant alert box bijvoorbeeld');">

JavaScript-URL's

Een JavaScript-URL is een speciaal type URL. Een JavaScript-URL niet sturen of op te halen alle informatie zoals een normale URL, behalve als neveneffect een JavaScript-URL wordt gebruikt om een script uit te voeren. JavaScript-URL's op een regel, dus als het meer dan een verklaringen, puntkomma's worden gebruikt.

Hier is een voorbeeld

waarschuwingsvenster voorbeeld is de HTML-code voor dit prachtige voorbeeld

<a vervelende alert box')"> href="javascript:alert('another alert box voorbeeld </ a>

Hier is een tabel met de bijzondere escape sequences.

Ontsnappen

vertegenwoordigt

\ B

BackSpace

\ F

Form feed

\ N

NewLine

\ R

Carriage Return

\ T

Tab

\ '

Single quote

\ "

dubbele aanhalingstekens

\ \

enkele backslash

\ Ddd

karakter met Latin-1 codering zoals aangegeven door drie octale cijfers ddd

\ Xdd

karakter met Latin-1 codering zoals aangegeven door twee hexadecimale cijfers dd

\ Udddd

karakter met unicode codering zoals aangegeven in vier hexadecimale cijfers dddd

\ N

n, waarbij n een ander teken dan de hierboven.

Numbers

In JavaScript alle nummers worden behandeld als floating point getallen. JavaScript ondersteunt integers, octale getallen, hexadecimale getallen etc, maar op het laagste niveau, ziet JavaScript alle nummers als floating point getallen.

Integers

Dit zijn nummers zonder fractionele delen, kunnen ze positief of negatief zijn en kunnen worden decimaal, hexadecimaal of octaal. De meest voorkomende vorm van gehele getallen zijn decimale getallen (of base 10). Dit zijn nummers, variërend van 0 - 9 en kan niet een 0 hebben voor de nummers. Hier zijn enkele voorbeelden.

geldig: 2, 23, 900, 54

ongeldig: 04, 0300, 079

Octal integers (ook wel aangeduid als basis-8) moet beginnen met een nul en vervolgens elk cijfer na de nul kan worden in het bereik van 0 tot 7.

hexadecimale getallen (ook bekend als base-16) moet beginnen met 0x of 0X. Elk cijfer dat volgt op dit kan worden in het bereik van 0 tot 9 en van een - waar een f - f is het equivalent van 10 - 15.

Voorbeeld

Een simpel voorbeeld hier

<! -
document.write ("45 is" + 45 + decimale (grondtal 10) ");
document.write ("<br> 045 is" + 045 + "octale (basis 8)");
document.write ("<br> 0 × 45 is" + 0 × 45 + "hexadecimale (base 16)");
/ / ->
<script language = "JavaScript">
<! -
document.write ("45 is" + 45 + decimale (grondtal 10) ");
document.write ("<br> 045 is" + 045 + "octale (basis 8)");
document.write ("<br> 0 × 45 is" + 0 × 45 + "hexadecimale (base 16)");
/ / ->
</ Script>

<! -
document.write ("45 is" + 45 + decimale (grondtal 10) ");
document.write ("<br> 045 is" + 045 + "octale (basis 8)");
document.write ("<br> 0 × 45 is" + 0 × 45 + "hexadecimale (base 16)");
/ / ->
nu zie je het belang van het niet stellen 0 of 0x voor je nummers, de resultaten zijn verschillend in octale en hexadecimale.

Strings

Een string is opgebouwd uit een aantal karakters. Strings worden aangegeven door het plaatsen van de karakters in een dubbele aanhalingstekens ("") of binnen enkele aanhalingstekens (''). Wanneer een backslash (\) verschijnt in een letterlijke tekenreeks, is ontsnapt aan het karakter dat volgt betekent dit dat u kunt speciale tekens in de string. (Zie onze speciale tekens referentie)

Boolean

Een booleaanse datatype kan slechts twee waarden waar of onwaar zijn. Deze zijn vaak vertegenwoordigd door een 1 voor waar en 0 voor onwaar in JavaScript. Soms is het beter om te denken van waar of onwaar is als in-of uitschakelen of zelfs als ja of nee.

nul

Dit wordt verzorgd door de JavaScript trefwoord null die een aandoening waarbij geen waarde vertegenwoordigt bestaat.

Naming Variabelen

Er zijn een aantal richtlijnen te volgen bij het benoemen van variabelen in JavaScript. Deze zijn als volgt

Het eerste teken van de naam moet een letter of een underscore (_ zijn)

Alle tekens na het eerste teken kunnen letters, onderstrepen, of cijfers

Brieven kunnen zowel hoofdletters of kleine letters. Merk op dat JavaScript in de twee gevallen verschillend behandelt dus bijvoorbeeld voornaam verschilt van Voornaam of voornaam.

Variabelen toewijzen

Het declareren van een variabele in JavaScript gebruiken we de var keyword gevolgd door een variabele naam. Je kan meerdere variabelen met dezelfde var trefwoord indien dit het geval u gebruik komma's om de variabele namen te scheiden.

Nu heb je een variabele gedefinieerd, kunt u een waarde toe te kennen aan met de opdracht operator (=). Vaak is de verklaring en toewijzing vindt plaats op hetzelfde moment. Als er een waarde is toegewezen aan een variabele die niet is verklaard met de var trefwoord. JavaScript maakt een globale variabele.

Laten we een voorbeeld zien van dit alles.

<script language = "JavaScript">
<! -
/ / Variabele verklaring met geen opgave
var naam;
/ / Opdracht zonder gebruik van var trefwoord
naam = "Iain";
/ / Declaratie en de opdracht gecombineerd
var jaar = 29, height = 6;
/ / Print details
document.write (naam, "is", leeftijd, "en", hoogte, "voet");
/ / ->
</ Script>

Welke geeft dit resultaat.

<! -
/ / Variabele verklaring met geen opgave
var naam;
/ / Opdracht zonder gebruik van var trefwoord
naam = "Iain";
/ / Declaratie en de opdracht gecombineerd
var jaar = 29, height = 6;
/ / Print details
document.write (naam, "is", leeftijd, "en", hoogte, "voet");
/ / ->

Variabele bereik

Variabelen in JavaScript kan zowel lokaal als wereldwijd. Alle variabelen zijn globaal, tenzij zij worden gedeclareerd in een functie in dit geval de variabele is lokaal voor die functie. U kunt twee variabelen met dezelfde naam als een wereldwijd en is een lokale naar een functie. Wanneer u toegang tot de variabele in de functie die u toegang tot de lokale variabele, van buiten de functie die je de toegang tot de globale variabele.

U dient altijd gebruik maken van de var trefwoord om een variabele te verklaren in een functie als u wilt dat hij een lokale variabele. Als u geen Javascript creëert een global variabele.

Dit zijn de momenten wanneer hetzelfde deel van de code dient uitgevoerd te worden vele malen met verschillende waarden.

voor

De structuur van lussen voor een vooraf ingesteld aantal keer. De lus bestaat uit twee delen de conditie en verklaringen. De voorwaarde gedeelte van de structuur bepaalt hoeveel keer de lus herhaald, terwijl de verklaring is wat er elke keer dat de lus plaatsvindt uitgevoerd.

De voorwaardelijke structuur is opgenomen tussen haakjes en is opgebouwd uit drie delen, elk gescheiden door een puntkomma (;). Het eerste deel van de voorwaarde structuur initialiseert een variabele een beginwaarde. In de meeste gevallen is de variabele hier en geïnitialiseerd verklaard. Het tweede deel is de eigenlijke voorwaardelijke verklaring dat bepaalt hoe vaak de lus met een iteratief worden. De derde en laatste deel bepaalt hoe de variabele die is geïnitialiseerd in het eerste deel, moet elke keer dat de lus wordt herhaald worden veranderd. Het derde deel zorgt ervoor dat de variabele worden verhoogd, verlaagd enz. Hier is de syntaxis van de for-lus

voor (initialiseren; conditie; aan te passen)
(
verklaring;
)

Je moet oppassen voor oneindige loops. Laten we kijken naar bijvoorbeeld een for-lus.

<script taal ="JavaScript">
<! -
for (var i = 0; i <= 10; i + +)
(
document.write ("", i);
)
/ / ->
</ Script>

dat geeft ons het volgende resultaat

<! -
for (var i = 0; i <= 10; i + +)
(
document.write ("", i);
)
/ / ->
terwijl

De while-lus is vergelijkbaar met de for-lus. De verklaring werkt als volgt, terwijl de uitdrukking tussen haakjes is juist uitvoeren van de opdrachten in de lus. Zodra de laatste statement wordt uitgevoerd terug naar de bovenkant van de lus en opnieuw evalueren van de expressie. Wanneer de expressie de waarde false de volgende regel van de code na de while-lus structuur uitvoert. Om te voorkomen dat oneindige lussen een verklaring moet worden opgenomen in de lus die een variabele wijzigt in de expressie. Hier is de syntaxis van de while-lus.

while (expressie)
(
verklaring;
)

Hier is een voorbeeld

<script language="JavaScript">
<! -
var i = 0;
while (i <= 10)
(
document.write ("", i);
i + +;
)
/ / ->
</ Script>

dat geeft ons de volgende resultaten

<! -
var i = 0;
while (i <= 10)
(
document.write ("", i);
i + +;
)
/ / ->
doen, terwijl

Deze lus is gewoon een variant van de while-lus. Het belangrijkste verschil is dat de lus altijd zal evalueren, voordat de evaluatie van de uitdrukking voor het eerst. Hier is de syntax.

doen
(
verklaring;
)
while (expressie);

Zodra de lus is uitgevoerd voor de eerste keer de uitdrukking tussen haakjes wordt geëvalueerd. Als dit waar is is de lus weer uitgevoerd. Als dit onwaar is de volgende lijn van de code na de while-structuur wordt uitgevoerd. Een verklaring moet worden opgenomen binnen de lus die een variabele wijzigt in de uitdrukking om te voorkomen dat oneindige loops.

Hier is het voorbeeld hierboven bewerkt tot een doen ... terwijl het gebruik lus

<script language="JavaScript">
<! -
var i = 0;
doen
(
document.write ("", i);
i + +;
)
while (i <= 10);
/ / ->
</ Script>

en is hier het resultaat weer
<! -
var i = 0;
doen
(
document.write ("", i);
i + +;
)
while (i <= 10);
/ / ->

voor .. in

Dit is niet hetzelfde als de for-lus. De voor ... in een lus wordt gebruikt om toegang tot de opgesomde eigenschappen van een JavaScript-object. Deze lus is alleen te vinden in JavaScript. De uitspraak in de lus worden uitgevoerd voor elke eigenschap van een object totdat iedere woning is toegankelijk. De syntax ziet er als volgt

voor de (variabele in object)
(
verklaring;
)

Hier is een voorbeeld dat alle eigenschappen van het document object toegangen

<script language="JavaScript">
<! -
var i;
for (i in het document)
(
document.write ("", i);
)
/ / ->
</ Script>

en hier is het resultaat
<! -
var i;
for (i in het document)
(
document.write ("", i);
)
/ / ->

Break / Continue

Break wordt gebruikt om beëindigt de uitvoering van de binnenste lus en insluiten van JavaScript 1.2 ingang kunt u ook de naam van de lus.

te breken;
break-label;

Doorgaan is opnieuw de binnenste lus of JavaScript 1.2 en latere jaren daadwerkelijk opnieuw een benoemde lus.

voort te zetten;
blijven label;