Nós temos alguns elementos novos implementados neste script novamente. Em primeiro lugar, você certamente notou o comentário dentro do script. Dessa maneira você pode esconder o script dos browsers antigos que não podem rodar scripts. Você tem que manter a ordem daquilo que é mostrado! O início do comentário deve estar logo depois do primeiro tag de <script>. O comentário termina logo antes do tag de </script>. Neste documento-HTML você tem um elemento de formulário onde o usuário pode colocar o seu nome. O 'onBlur' no tag de <input> avisa ao cliente que função que ele tem que chamar quando alguma coisa é colocada dentro do formulário. A função 'getname(str)' será chamada quando você 'deixa' este elemento de formulário, ou pressiona o 'enter' depois de haver colocado alguma coisa. A função pegará a seqüência que você colocou através do comando 'getname(this.value)'. 'This.value' significa o valor que você colocou neste elemento de formulário.
Exemplo 3:
Vamos implementar uma função de data dentro do nosso script. Assim, se você criou uma página-HTML, você pode fazer o cliente imprimir a última modificação no documento. Você não precisa, entretanto, escrever a data no documento. Você simplesmente escreve um pequeno programa de script. Quando você fizer pequenas modificações no futuro, a data se modificará automaticamente.
Crie um arquivo HTML chamado DataAntiga.html e coloque o código abaixo:
<html>
<body>
Esta é uma página-HTML simples.
<br>
Últimas modificações:
<script language="JavaScript">
<!-- hide script from old browsers document.write(document.lastModified)
// end hiding contents -->
</script>
</body>
</html>
Operadores e Controles Especiais
Operadores Matemáticos
São operadores a serem utilizados em cálculos, referências de indexadores e manuseio de strings.
Ao longo do manual estes operadores serão largamente utilizados, dando, assim, uma noção mais precisa do seu potencial.
+ Adição de valor e concatenação de strings
- Subtração de valores
* Multiplicação de valores
/ Divisão de valores
% Obtém o resto de uma divisão:
Ex: 150 % 13 retornará 7.
7 % 3 retornará 1.
+= concatena /adiciona a string/valor já existente. Ou seja: x += y é o mesmo que x = x + y
da mesma forma podem ser utilizados: -= , *= , /= ou %=
Um contador pode ser simplificado utilizando - se: X++ ou X-- o que equivale às expressões:
X = X + 1 ou X = X - 1 respectivamente.
Para inverter sinal: X = -X negativo para positivo ou positivo para negativo.
Operadores Lógicos
São operadores a serem utilizados em comandos condicionais, tais como: IF, FOR e WHILE.
Os comandos condicionais serão vistos mais à frente.
== Igual
!= Diferente
> Maior
>= Maior ou Igual
< Menor
<= Menor ou Igual
&& E
|| Ou
Caracteres Especiais
\b backspace
\f form feed
\n new line caracters
\r carriage return
\t tab characters
// Linha de comentário
/*....*/ Delimitadores para inserir um texto com mais de uma linha como comentário
Os delimitadores naturais para uma string são " ou ' . Caso seja necessário a utilização destes caracteres como parte da string, utilize \ precedendo " ou '.
Ex. alert ("Cuidado com o uso de \" ou \' em uma string")
Comandos Condicionais
São comandos que condicionam a execução de uma certa tarefa à veracidade ou não de uma determinada condição, ou enquanto determinada condição for verdadeira.
São eles:
Comando IF
if (condição) {
ação para condição satisfeita
}
[ else {
ação para condição não satisfeita } ]
Ex.:
if (Idade < 18) { Categoria = "Menor"
} else {
Categoria = "Maior"
}
Comando FOR
for ( [inicialização/criação de variável de controle ;] [condição ;]
[incremento da variável de controle] )
{ ação }
Ex.:
for (x = 0 ; x == 10 ; x++) { alert ("X igual a " + x)
}
Comando WHILE
Executa uma ação enquanto determinada condição for verdadeira. while (condição)
{ ação }
Ex.:
var contador = 10 while (contador > 1) {
contador-
}
Move condicional
receptor = ( (condição) ? verdadeiro : falso)
Ex.:
NomeSexo = ((VarSexo == "M") ? "Masculino" : "Feminino")
OBS:
Nos comandos FOR e WHILE a diretiva "break" pode ser utilizada para interromper a condição principal e sair do loop. Da mesma forma, a diretiva "continue" interrompe uma ação (se determinada condição ocorrer), mas volta para o loop.
Diretivas/condições entre [ ] significam que são opcionais.
Eventos
São fatos que ocorrem durante a execução do sistema, a partir dos quais o programador pode definir ações a serem realizadas pelo programa. Abaixo apresentamos a lista dos eventos possíveis, indicando os momentos em que os mesmos podem ocorrer, bem como, os objetos passíveis de sua ocorrência.
onload - Ocorre na carga do documento. Ou seja, só ocorre no BODY do documento.
onunload - Ocorre na descarga (saída) do documento. Também só ocorre no BODY.
onchange - Ocorre quando o objeto perde o foco e houve mudança de conteúdo.
Válido para os objetos Text, Select e Textarea.
onblur - Ocorre quando o objeto perde o foco, independente de ter havido mudança.
Válido para os objetos Text, Select e Textarea.
onfocus - Ocorre quando o objeto recebe o foco.
Válido para os objetos Text, Select e Textarea.
onclick - Ocorre quando o objeto recebe um Click do Mouse.
Válido para os objetos Buton, Checkbox, Radio, Link, Reset e Submit.
onmouseover - Ocorre quando o ponteiro do mouse passa por sobre o objeto.
Válido apenas para Link.
onselect - Ocorre quando o objeto é selecionado. Válido para os objetos Text e Textarea.
onsubmit - Ocorre quando um botão tipo Submit recebe um click do mouse.
Válido apenas para o Form.
Exemplo:
Crie uma página com o nome Eventos.html e insira este código nela:
Comentários
Postar um comentário