Noções de Java Script
Índice da página:
JavaScript é uma linguagem que permite injectar lógica em páginas escritas em HTML (HiperText Mark-up Language).
As páginas HTML podem ser escritas utilizando-se editores de texto, como o NotePad, Write, etc. Porém, existem editores
próprios para gerar HTML, tais como HotDog ou Microsoft FrontPage.
Os parágrafos de lógica do javaScript podem estar "soltos" ou atrelados a ocorrência de eventos.
Os parágrafos soltos são executados na sequência em que aparecem na página (documento) e os atrelados a eventos são executados apenas quando o evento ocorre.
Para inserir parágrafos de programação dentro do HTML é necessário identificar o início e o fim do set de JavaScript, da seguinte forma: <script></script>. Este procedimento pode ser adoptado em qualquer local da página. Entretanto, para melhor visualização e facilidade de manutenção, recomenda-se que toda a lógica seja escrita no início do documento, através da criação de funções a serem invocadas quando se fizer necessário (normalmente atreladas a eventos).
Se a lógica é escrita a partir de um determinado evento, não é necessário o uso dos comandos <script> </script>.
Os comandos JavaScript são sensíveis ao tipo de letra (maiúsculas e minúsculas) em sua sintaxe. Portanto, é necessário que seja obedecida a forma de escrever os comandos, de acordo com a forma apresentada ao longo deste manual. Caso seja cometido algum erro de sintaxe quando da escrita de um comando, o JavaScript interpretará, o que seria um comando, como sendo o nome de uma variável.
Os parágrafos de lógica do javaScript podem estar "soltos" ou atrelados a ocorrência de eventos.
Os parágrafos soltos são executados na sequência em que aparecem na página (documento) e os atrelados a eventos são executados apenas quando o evento ocorre.
Para inserir parágrafos de programação dentro do HTML é necessário identificar o início e o fim do set de JavaScript, da seguinte forma: <script></script>. Este procedimento pode ser adoptado em qualquer local da página. Entretanto, para melhor visualização e facilidade de manutenção, recomenda-se que toda a lógica seja escrita no início do documento, através da criação de funções a serem invocadas quando se fizer necessário (normalmente atreladas a eventos).
Se a lógica é escrita a partir de um determinado evento, não é necessário o uso dos comandos <script> </script>.
Os comandos JavaScript são sensíveis ao tipo de letra (maiúsculas e minúsculas) em sua sintaxe. Portanto, é necessário que seja obedecida a forma de escrever os comandos, de acordo com a forma apresentada ao longo deste manual. Caso seja cometido algum erro de sintaxe quando da escrita de um comando, o JavaScript interpretará, o que seria um comando, como sendo o nome de uma variável.
ÍndiceSão operadores a serem utilizados em comandos condicionais, tais como: if, for, while.
Os comandos condicionais serão vistos mais à frente.
Os comandos condicionais serão vistos mais à frente.
| Operador | Descrição |
| == | Igual |
| != | Diferente |
| > | Maior |
| >= | Maior ou Igual |
| < | Menor |
| <= | Menor ou Igual |
| && | E |
| || | Ou |
São factos que ocorrem durante a execução do sistema, a partir dos quais o programador pode
definir acçõ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.
| Evento | Ocorrência |
| onload | Carga do documento. Ou seja, só ocorre no body do documento. |
| onunload | Descarga (saída) do documento. Também só ocorre no body. |
| onchange | Quando o objecto perde o focus e houve mudança de conteúdo (text, select, textarea) |
| onblur | Quando o objeto perde o focus, independente de ter havido mudança. (text, select, textarea). |
| onfocus | Quando o objeto recebe o focus. (text, select, textarea). |
| onclick | Quando o objeto recebe um Click do Mouse. (buton, checkbox, radio, link, reset, submit). |
| onmouseover | Quando o ponteiro do mouse passa sobre o objeto. (link). |
| onselect | Quando o objeto é selecionado. (text, textarea). |
| onsubmit | Quando um botão submit recebe um click do mouse (form) |
São operadores a serem utilizados em cálculos, referências de indexadores e manuseamento de strings.
Ao longo do manual estes operadores serão largamente utilizados, dando, assim, uma noção mais precisa do seu potencial.
Casos Específicos:
Ao longo do manual estes operadores serão largamente utilizados, dando, assim, uma noção mais precisa do seu potencial.
| Operador | Descrição |
| + | Adição de valor e concatenação de strings |
| - | Subtracção de valores |
| * | Multiplicação de valores |
| / | Divisão de valores |
| % | Resto de Divisão |
Casos Específicos:
% obtém o resto de uma divisão:
150 % 13 retornará 7.
7 % 3 retornará 1.
7 % 3 retornará 1.
+= Adiciona ao string o valor já existente. Ou seja:
x += y é o mesmo que x = x + y
O mesmo para: -= , *= , /= ou %=
O mesmo para: -= , *= , /= ou %=
x++,++x ou x--,--x Equivale às expressões:
X = X + 1 ou X = X - 1 respectivamente.
Para inverter o sinal: X = -X positivo para negativo ou vice versa.
Os controlos especiais de Java Script, são:
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 '.
| Controlo | Descrição |
| \b | Espaço anterior (backspace) |
| \f | Retorno de linha (form feed) |
| \n | Nova Linha (new line) |
| \r | Parágrafo (return) |
| \t | Tabulador (tab character) |
| // | Linha de comentário |
| /*...*/ | Várias linhas de 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 '.
alert ("Cuidado com o uso de \" ou \' em uma string")
Funções íntrisecas são funções embutidas na própria linguagem.
A sintaxe geral é a seguinte:
Nota: Em todas as funções, quando apresentamos a expressão "(número)", na verdade queremos referir-nos a um argumento que será processado pela função e que poderá ser: um número, uma variável ou o conteúdo de um objeto (propriedade value).
A sintaxe geral é a seguinte:
| Função | Descrição |
| result | função (informação a ser processada) |
| eval | Calcula o conteúdo da string |
| parseInt | Transforma string em inteiro |
| parseFloat | Transforma string em número com ponto flutuante |
| date() | Retorna a data e a hora (veja manipulando datas) |
| Math.abs(número) | Retorna o valor absoluto do número (ponto flutuante) |
| Math.ceil(número) | Retorna o próximo valor inteiro maior que o número |
| Math.floor(número) | Retorna o próximo valor inteiro menor que o número |
| Math.round(número) | Retorna o valor inteiro, arredondado, do número |
| Math.pow(base, expoente) | Retorna o cálculo do exponencial |
| Math.max(número1, número2) | Retorna o maior número dos dois fornecidos |
| Math.min(número1, número2) | Retorna o menor número dos dois fornecidos |
| Math.sqrt(número) | Retorna a raiz quadrada do número |
| Math.SQRT2 | Retorna a raiz quadrada de 2 (aproximadamente 1.414) |
| Math.SQRT_2 | Retorna a raiz quadrada de 1/2 (aproximadamente 0.707) |
| Math.sin(número) | Retorna o seno de um número (anglo em radianos) |
| Math.asin(número) | Retorna o arco seno de um número (em radianos) |
| Math.cos(número) | Retorna o cosseno de um número (anglo em radianos) |
| Math.acos(número) | retorna o arco cosseno de um número (em radianos) |
| Math.tan(número) | Retorna a tangente de um número (anglo em radianos) |
| Math.atan(número) | Retorna o arco tangente de um número (em radianos) |
| Math.pi | Retorna o valor de PI (aproximadamente 3.14159) |
| Math.log(número) | Retorna o logarítmo de um número |
| Math.E | Retorna a base dos logarítmos naturais (aproximadamente 2.718) |
| Math.LN2 | retorna o valor do logarítmo de 2 (aproximadamente 0.693) |
| Math.LOG2E | retorna a base do logarítmo de 2 (aproximadamente 1.442) |
| Math.LN10 | retorna o valor do logarítmo de 10 (aproximadamente 2.302) |
| Math.LOG10E | Retorna a base do logarítmo de 10 (aproximadamente 0.434) |
Nota: Em todas as funções, quando apresentamos a expressão "(número)", na verdade queremos referir-nos a um argumento que será processado pela função e que poderá ser: um número, uma variável ou o conteúdo de um objeto (propriedade value).
