Hi ha diverses formes d'integrar JavaScript en les seves pàgines HTML. Deixa mirada en ells

l'etiqueta <script>.

JavaScript apareix entre un <script> i un </ SCRIPT>. Podeu utilitzar només la base <script> etiquetes per a les seqüències d'ordres com el següent

<script>
document.write ("Un exemple de JavaScript");
</ SCRIPT>

que ens dóna el següent resultat

document.write ("Un exemple de JavaScript");
hi ha una sèrie d'atributs que podem utilitzar amb l'etiqueta <script>

IDIOMA

Això s'utilitza per especificar quin llenguatge de script de l'script està escrit en. En la majoria dels navegadors dels atributs per defecte és JavaScript. Però cal tenir en compte que també hi ha VBScript també. Si es va a barrejar VBScript i JavaScript, i no ha indicat l'idioma que aconseguir alguns problemes interessants sorgeixen. Podeu establir l'atribut d'idioma al nombre de versió real de JavaScript pel que si s'estableix en el Javascript 1,1 obtindria totes les característiques de JavaScript 1.1, però si el seu guió tenia característiques que es van introduir en una versió posterior de JavaScript, la seqüència no .

SRC

això s'utilitza per a especificar l'URL d'un script extern per a ser carregat i executat. Aquests arxius externs solen tenir una extensió. Js. Així que això seria així <SCRIPT SRC = <"sample.js"> / script>

ARXIU

això s'utilitza per a especificar l'URL d'un fitxer JAR que conté un script especificat per l'atribut SRC. JavaScript 01/02 és necessari.

TIPUS

Això només és compatible a Internet Explorer 4 i Netscape Navigator 4 cap amunt. La sintaxi és la següent

<script TYPE = "text/JavaScript"> meu Javascript </ SCRIPT>

Controladors d'esdeveniments

JavaScript també es poden posar al controlador d'atributs d'etiquetes HTML. Aquests atributs sempre comencen amb ell i alguns exemples són onclick, onBlur i onMouseDown. El codi s'executa quan es produeix l'esdeveniment així que per exemple si es pressiona un botó i tenir el codi JavaScript al botó adjunt a aquesta s'executarà quan es premi el botó. Heus aquí un exemple.

Aquí està el codi HTML per aquest exemple

<INPUT TYPE = VALUE = "em Press per un quadre d'alerta"
onclick = "alert ('maleïda molest quadre d'alerta');"> exemple

Les adreces URL JavaScript

Una URL JavaScript és un tipus especial d'URL. Una URL JavaScript enviar o recuperar qualsevol informació com una adreça URL normal, excepte com un efecte secundari una adreça URL JavaScript s'utilitza per executar un script. Les adreces URL JavaScript en una mateixa línia, així que si contenen més d'una declaracions, semi-coma ha de ser utilitzat.

Heus aquí un exemple

alerta per exemple el quadre d'aquí és el codi HTML per aquest exemple impressionant

<a href="javascript:alert('another box')"> alerta molestos alerta exemple <caja / a>

Aquí hi ha una taula amb les seqüències d'escapament especials.

Escapar

representa

\ B

Retrocés

\ F

Avanç de

\ N

Newline

\ R

Retorn de carro

\ T

Llengüeta

\ '

cometa simple

\ "

cometes dobles

\ \

barra invertida

\ DDD

personatge amb Latin-1 codificació especificada per tres dígits octals ddd

\ Xdd

personatge amb Latin-1 codificació especificada per dos dígits hexadecimals dd

\ Udddd

personatge amb codificació Unicode especificat per quatre dígits hexadecimals dddd

\ N

N, on n és qualsevol altre caràcter diferent dels anteriors.

Números

En JavaScript tots els números es tracten com a números de punt flotant. JavaScript empra sencers suport, números octals, hexadecimals, etc, però al nivell més baix, JavaScript veu tots els números com a números de punt flotant.

Enters

Aquests són nombres sense fraccions, poden ser positives o negatives i poden ser decimal, hexadecimal o octal. El tipus més comú dels nombres enters són nombres enters decimals (o base 10). aquests són números que van des de 0 fins 9 i no pot tenir un 0 davant dels números. Aquests són alguns exemples.

vàlides: 2, 23, 900, 54

nul: 04, 0300, 079

sencers octals (també coneguda com a base-8) ha de començar amb un zero a l'esquerra i després cada dígit després de la zero a l'esquerra pot estar en el rang de 0 a 7.

sencers hexadecimals (també coneguda com a base-16) ha de començar per 0x, o 0x. Cada dígit després que això pot estar en el rang del 0 a 9 i de A - F, on A - F és l'equivalent de 10 a 15.

Exemple

Un exemple senzill aquí

<! -
document.write ("45 és" + 45 + "decimal (base 10)");
document.write ("<br> 045 és" + 045 + "octal (base 8)");
document.write ("<br> 0 × 45 és" + 0 × 45 + "hexadecimal (base 16)");
/ / ->
idioma = <script "JavaScript">
<! -
document.write ("45 és" + 45 + "decimal (base 10)");
document.write ("<br> 045 és" + 045 + "octal (base 8)");
document.write ("<br> 0 × 45 és" + 0 × 45 + "hexadecimal (base 16)");
/ / ->
</ Script>

<! -
document.write ("45 és" + 45 + "decimal (base 10)");
document.write ("<br> 045 és" + 045 + "octal (base 8)");
document.write ("<br> 0 × 45 és" + 0 × 45 + "hexadecimal (base 16)");
/ / ->
Ara pots veure la importància de no posar 0 o 0x davant dels seus números, els resultats són diferents en octal i hexadecimal.

Cordes

Una cadena es compon d'un nombre de caràcters. Les cadenes són declarats mitjançant la col.locació dels personatges dins de cometes dobles ("") o cometes simples (''). Quan un caràcter (\) apareix en una cadena literal, s'escapa el caràcter que es dedueix això significa que vostè pot posar caràcters especials a la cadena. (Vegeu la nostra referència caràcters especials)

Booleà

Un tipus de dades booleà només pot tenir dos valors vertader o fals. Aquests són sovint representats per 1 per veritable i 0 per fals en JavaScript. A vegades és millor pensar de veritable o fals com encès o apagat, o fins i tot com si o no.

nul

Això està previst per la paraula clau null JavaScript que representa una condició on no hi ha cap valor.

Variables de noms

Hi ha algunes pautes a seguir al nomenar a les variables en JavaScript. Aquests són els següents

El primer caràcter del nom ha de ser una lletra o un guió baix (_)

Tots els caràcters a continuació del primer caràcter pot ser lletres, subratllat o dígits

Les lletres poden ser majúscules o minúscules. Tingueu en compte que el JavaScript estigui habilitat tracta als dos casos de forma diferent, per primer nom exemple és diferent de Nom o Nom.

Assignació de Variables

Per a declarar una variable en JavaScript s'utilitza la paraula clau var seguit d'un nom de variable. Pots posar múltiples variables utilitza la paraula clau var mateix si aquest és el cas de que utilitzi comes per separar els noms de variable.

Ara que ha definit una variable, pot assignar un valor a ella amb l'operador d'assignació (=). Sovint, la declaració i assignació tindrà lloc al mateix temps. Si s'assigna un valor a una variable que no ha estat declarat amb la paraula clau var. JavaScript crea una variable global.

Anem a veure un exemple de tot això.

idioma = <script "JavaScript">
<! -
/ / Declaració de variables sense assignació
var nom;
/ / Assignació sense l'ús de la paraula clau var
name = "lan";
/ / Declaració i assignació variable combinada
var edat = 29, alçada = 6;
/ / Detalls d'impressió
document.write (nom, "és", l'edat, "i", l'alçada, "el peu");
/ / ->
</ Script>

Què dóna aquest resultat.

<! -
/ / Declaració de variables sense assignació
var nom;
/ / Assignació sense l'ús de la paraula clau var
name = "lan";
/ / Declaració i assignació variable combinada
var edat = 29, alçada = 6;
/ / Detalls d'impressió
document.write (nom, "és", l'edat, "i", l'alçada, "el peu");
/ / ->

Àmbit d'aplicació variable

Les variables en JavaScript pot ser local o global. Totes les variables són globals, llevat que es declaren en una funció en aquest cas la variable és local a aquesta funció. Vostè pot tenir dues variables amb el mateix nom si és un mundial i un és local a una funció. En accedir a la variable en la funció té accés a la variable local, des de fora de la funció té accés a la variable global.

Has utilitzar sempre la paraula clau var per declarar una variable dins d'una funció si voleu que sigui una variable local. Si no JavaScript crea una variable global.

Aquests són moments en què la mateixa porció de codi ha de ser executat diverses vegades amb diferents valors.

per

L'estructura dels bucles d'un nombre predeterminat de vegades. El bucle for es compon de dues parts les condicions i declaracions. La porció d'estat de l'estructura determina quantes vegades es repeteix el bucle mentre que la declaració és el que s'executa cada vegada que el bucle es produeix.

L'estructura condicional figura entre parèntesi i es compon de tres parts, cada un separat per un punt i coma (;). La primera part de l'estructura condició inicialitza una variable a un valor inicial. En la majoria dels casos, la variable es declara i es inicialitza aquí. La segona part és la declaració real condicional que determina quantes vegades més prim amb ser reiterat. La tercera i última part determina la forma en la variable que es inicialitza a la primera part, s'ha de canviar cada vegada que es va reiterar el bucle. La tercera part fa que la variable que s'incrementa, disminueix, etc. Aquí és la sintaxi del bucle for

for (inicialització, condició, ajustar)
(
declaració;
)

Cal anar amb compte amb els bucles infinits. Vegem per exemple un bucle.

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

que ens ofereix el següent resultat

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

El bucle while és similar a la de bucle. La comanda funciona com aquest, mentre que l'expressió entre claudàtors és cert executar les instruccions en el bucle. Una vegada que l'última instrucció s'executa tornar a la part superior de l'anella i avaluar l'expressió de nou. Quan l'expressió s'avaluï com falsa la següent línia del codi després de l'estructura del bucle while s'executa. Per evitar bucles infinits ha de ser una declaració inclosa en el bucle que es modifica una variable en l'expressió. Aquí és la sintaxi del bucle while.

while (expressió)
(
declaració;
)

Heus aquí un exemple

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

que ens dóna els següents resultats

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

Aquest llaç és simplement una variant del bucle while. La diferència important és que el bucle sempre s'avaluarà un cop abans d'avaluar l'expressió per primera vegada. Aquesta és la sintaxi.

fer
(
declaració;
)
while (expressió);

Una vegada que el bucle s'ha executat per primera vegada l'expressió entre parèntesis s'avalua. Si això és cert el bucle s'executa una vegada més. Si això és fals el pròxim de la línia de codi després de l'estructura mentre s'executa. Una exposició ha de ser inclòs en el bucle que modifica una variable en l'expressió per evitar bucles infinits.

Aquí està l'exemple anterior modificat per utilitzar un bucle while fer ...

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

i aquí està el resultat de nou
<! -
var i = 0;
fer
(
document.write ("", i);
i + +;
)
while (i <= 10);
/ / ->

per .. a

Això no és el mateix que el bucle for. El suplent de ..., en el bucle s'utilitza per a proporcionar accés a les propietats d'un objecte enumerat JavaScript. Aquest bucle només es troba en JavaScript. El comunicat en el bucle s'executen per a cada propietat d'un objecte fins que cada propietat ha estat visitada. La sintaxi és similar a això

for (variable en l'objecte)
(
declaració;
)

Heus aquí un exemple que té accés a totes les propietats de l'objecte document

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

i aquí està el resultat
<! -
var i;
for (i en el document)
(
document.write ("", i);
)
/ / ->

Descans / Continuar

Trencament s'utilitza per acaba l'execució del bucle i més interior conté des de JavaScript 01/02 en endavant pot vostè també el nom del bucle.

break;
etiqueta break;

Continuar es reinicia el bucle més interior o de JavaScript 01/02 en endavant en realitat pot reiniciar un bucle amb nom.

continuar;
etiqueta de continuar;