Existem várias maneiras de inserir JavaScript em suas páginas HTML. Vamos olhar para eles

a marca <SCRIPT>.

código JavaScript aparece entre um <SCRIPT> e </ SCRIPT>. Você pode usar apenas o básico <SCRIPT> tags para seus scripts como o seguinte

<SCRIPT>
document.write ("Um exemplo JavaScript");
</ SCRIPT>

que nos dá o seguinte resultado

document.write ("Um exemplo JavaScript");
Há uma série de atributos que podemos utilizar com a tag <SCRIPT>

LÍNGUA

Isto é usado para especificar o linguagem de script do script é escrito em. Na maioria dos navegadores é o atributo padrão JavaScript. Mas você tem que estar ciente de que há também VBScript também. Se você estava a misturar VBScript e JavaScript e não especificar o idioma que você iria ficar alguns problemas interessantes surgindo. Você pode definir o atributo de idioma para o número da versão atual do JavaScript por isso, se você configurá-lo para JavaScript 1.1 que se obtém todos os recursos do JavaScript 1.1, mas se o seu script tinha características que foram introduzidas em uma versão posterior do JavaScript o script falhará .

SRC

isto é usado para especificar a URL de um script externo a ser carregado e executado. Estes arquivos externos geralmente têm uma extensão. Js. Portanto, este seria parecido com este SRC = <SCRIPT "sample.js"> </ script>

ARQUIVO

isto é usado para especificar a URL de um arquivo JAR que contém um script especificado pelo atributo SRC. JavaScript 1.2 necessário.

TIPO

Isso só é suportada no Internet Explorer 4 eo Netscape Navigator 4 para cima. A sintaxe é a seguinte

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

Manipuladores de eventos

código JavaScript também pode ser colocado no manipulador de atributos de tags HTML. Esses atributos sempre começam com a e alguns exemplos são onClick, onBlur e onMouseDown. O código é executado quando o evento ocorre assim, por exemplo, se você pressionar um botão e ter o código JavaScript associado ao botão este será executado quando o botão for pressionado. Aqui está um exemplo.

Aqui está o código HTML para este exemplo

<INPUT TYPE = botão VALUE = "Press-me para uma caixa de alerta"
onClick = "alert ('maldito');"> exemplo irritante caixa de alerta

JavaScript URLs

A URL JavaScript é um tipo especial de URL. A URL JavaScript não enviar ou receber qualquer informação como uma URL normal, exceto como um efeito colateral de um URL JavaScript é usado para executar um script. JavaScript URLs ocupar uma única linha, então se a conter mais de um afirmações, ponto e vírgula deve ser usada.

Aqui está um exemplo

exemplo, caixa de alerta aqui está o código HTML para este exemplo impressionante

<a href="javascript:alert('another box')"> alerta chato exemplo <alerta caixa / a>

Aqui está uma tabela que lista as seqüências de escape especiais.

Escapar

representa

\ B

BackSpace

\ F

Alimentação de formulário

\ n

NewLine

\ R

Return

t \

Tabulação

\ '

apóstrofo

\ "

aspas

\ \

única barra invertida

\ Ddd

personagem com Latin-1 codificação especificada por três dígitos octais ddd

\ XDD

personagem com Latin-1 codificação especificada por dois dígitos hexadecimais dd

\ Udddd

personagem com a codificação Unicode especificado por quatro dígitos hexadecimais dddd

\ n

n, onde n é qualquer caractere diferente dos acima.

Números

Em JavaScript todos os números são tratados como números de ponto flutuante. JavaScript não inteiros de apoio, números octais, hexadecimais, etc, mas no nível mais baixo, JavaScript vê todos os números como números de ponto flutuante.

Inteiros

Estes são números sem parte fracionária, eles podem ser positivos ou negativos e podem ser decimal, hexadecimal ou octal. O tipo mais comum de inteiros são inteiros decimal (ou base 10). Estes são números que variam 0-9 e não pode ter um 0 na frente dos números. Aqui estão alguns exemplos.

válido: 2, 23, 900, 54

inválidos: 04, 0300, 079

inteiros Octal (também conhecido como base-8) deve começar com um zero à esquerda e, em seguida, cada dígito após o zero à esquerda pode ser na faixa de 0-7.

inteiros hexadecimal (também conhecido como base-16) deve começar com 0x ou 0X. Cada dígito após esta pode ser na faixa de 0-9 e de a - f onde a - f é equivalente a 10-15.

Exemplo

Um exemplo simples aqui

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

<! -
document.write ("45 é" + + 45 decimal (base 10) ");
document.write ("<br> 045 é" + 045 + "base octal (8)");
document.write ("<br> 0 × 45 é" + 0 × 45 + hexadecimal (base 16) ");
/ / ->
Agora você pode ver a importância de não colocar 0 ou 0x na frente de seus números, os resultados são diferentes em octal e hexadecimal.

Strings

A cadeia é constituída por um número de caracteres. Strings são declarados, colocando os personagens dentro ou aspas ("") ou aspas simples ('). Quando uma barra invertida (\) aparece em uma seqüência literal, ele escapa o carácter que se segue, isto significa que você pode colocar os caracteres especiais na string. (Ver a nossa referência caracteres especiais)

Boolean

Um tipo de dados boolean só pode ter dois valores verdadeiro ou falso. Estes são frequentemente representados por 1 para verdadeiro e 0 para falso em JavaScript. Às vezes é melhor pensar de verdadeiro ou falso, ligado ou desligado, ou mesmo como sim ou não.

nulo

Esta é fornecido pelo nulo chave JavaScript, o que representa uma condição em que não existe valor.

Nomeando Variáveis

Há algumas orientações a seguir ao nomear variáveis em JavaScript. Estes são os seguintes

O primeiro caractere do nome deve ser uma letra ou um sublinhado (_)

Todos os caracteres após o primeiro caracter podem ser letras, underscore, ou dígitos

As letras podem ser maiúsculas ou minúsculas. Note que o JavaScript trata os dois casos de forma diferente, por exemplo firstname é diferente de Nome ou Nome.

Atribuindo Variáveis

Para declarar uma variável em JavaScript que usamos a palavra-chave var seguido por um nome de variável. Você pode colocar múltiplas variáveis usando a palavra-chave var mesmo se este for o caso de você usar vírgulas para separar os nomes de variáveis.

Agora que você definiu uma variável, você pode atribuir um valor a ela com o operador de atribuição (=). Muitas vezes, a declaração e atribuição de realizar ao mesmo tempo. Se um valor é atribuído a uma variável que não tenha sido declarada com a palavra-chave var. JavaScript cria uma variável global.

Vamos ver um exemplo de tudo isso.

linguagem <script = "JavaScript">
<! -
/ / Declaração variável, sem atribuição
var nome;
/ / Cessão sem o uso de palavras-chave var
iain name = "";
/ Declaração da variável e / atribuição combinado
var idade = 29, height = 6;
/ / Imprimir detalhes
document.write (nome, "é", "idade" e ", da altura," pé ");
/ / ->
</ Script>

Que dá a este resultado.

<! -
/ / Declaração variável, sem atribuição
var nome;
/ / Cessão sem o uso de palavras-chave var
iain name = "";
/ Declaração da variável e / atribuição combinado
var idade = 29, height = 6;
/ / Imprimir detalhes
document.write (nome, "é", "idade" e ", da altura," pé ");
/ / ->

Alcance variável

Variáveis em JavaScript pode ser local ou global. Todas as variáveis são globais, a menos que sejam declaradas em uma função, neste caso a variável é local à função que desempenha. Você pode ter duas variáveis com o mesmo nome, se é global e é um local para uma função. Quando você acessar a variável da função que você acessar a variável local, fora da função que você está acessando a variável global.

Você deve sempre usar a palavra-chave var para declarar uma variável dentro de uma função se desejar que ela seja uma variável local. Se você não JavaScript cria uma variável global.

Estes são momentos em que a mesma porção de código precisa ser executado várias vezes com valores diferentes.

para

A estrutura de loops para um número predefinido de vezes. O loop for é composta de duas partes do estado e declarações. A parcela do estado da estrutura determina quantas vezes o ciclo se repete enquanto a instrução é o que é executado toda vez que o loop ocorre.

A estrutura condicional é contido dentro de parênteses e é composto de três partes, cada uma separada por um ponto e vírgula (;). A primeira parte da estrutura de condição inicializa uma variável para um valor inicial. Na maioria dos casos, a variável é declarada aqui e inicializado. A segunda parte é a declaração real condição que determina quantas vezes o laço com a iterada. A terceira e última parte determina como a variável que foi inicializado na primeira parte, deve ser alterada cada vez que o laço é repetido. A terceira parte faz com que a variável a ser incrementado, decrementado etc. Aqui está a sintaxe do loop for

for (inicialização; condição; ajustar)
(
declaração;
)

Você tem que tomar cuidado com loops infinitos. Deixa o olhar em um loop, por exemplo.

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

que nos dá o seguinte resultado

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

O loop while é semelhante ao de loop. A declaração funciona assim, enquanto a expressão entre parênteses é verdadeira executar as instruções do loop. Uma vez que a última declaração é executada voltar ao topo do ciclo e avaliar a expressão novamente. Quando a expressão é avaliada como falsa a seguinte linha de código após a estrutura do loop while executa. Para evitar loops infinitos a declaração deve ser incluído no circuito que modifica uma variável na expressão. Aqui está a sintaxe do loop while.

enquanto expressão ()
(
declaração;
)

Aqui está um exemplo

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

que nos dá os seguintes resultados

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

Este laço é simplesmente uma variante do loop while. A diferença importante é que o loop será avaliada uma vez antes de avaliar a expressão pela primeira vez. Aqui está a sintaxe.

fazer
(
declaração;
)
enquanto expressão ();

Uma vez que o loop foi executado pela primeira vez a expressão entre parênteses é avaliada. Se isso for verdade o loop é executado uma vez. Se isso é falso a próxima linha de código após a estrutura, enquanto é executado. A declaração deve ser incluído no loop que modifica uma variável na expressão para evitar loops infinitos.

Aqui está o exemplo acima, para usar uma vez fazer ... while

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

e aqui é o resultado mais uma vez
<! -
var i = 0;
fazer
(
document.write ("", i);
i + +;
)
while (i <= 10);
/ / ->

para .. em

Este não é o mesmo que o loop for. O loop for ... in é usado para fornecer acesso às propriedades enumeradas de um objeto JavaScript. Este laço só é encontrada em JavaScript. A declaração do loop são executados para cada propriedade de um objeto até que cada propriedade tem sido acessado. A sintaxe se parece com isso

for (variável em objeto)
(
declaração;
)

Aqui está um exemplo que acessa todas as propriedades do objeto de documento

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

e aqui está o resultado
<! -
var i;
for (i no documento)
(
document.write ("", i);
)
/ / ->

Ruptura / Continue

Break é usado para terminar a execução do laço mais profundo e envolvente do JavaScript 1.2 em diante você pode também o nome do loop.

break;
rótulo break;

Continue se reinicia o loop mais interno, ou de 1,2 JavaScript diante realmente pode reiniciar um ciclo chamado.

continuar;
rótulo continuar;