Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Uma introdução à linguagem de programação javascript, cobrindo tipos de manipuladores de eventos, exemplos de uso, objetos padrão, manipulação de strings, objetos math e date, e o document object model (dom). Além disso, fornece informações sobre métodos e atributos do objeto window.
Tipologia: Notas de estudo
1 / 34
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Introdução a Linguagem JavaScript
São Paulo, 2009
São Paulo, 2009
Prof. MSc. Vladimir Camelo Prof. MSc. Vladimir Camelo
[email protected] [email protected]
Introdução a Linguagem JavaScript
onResize - este evento ocorre quando há algum redimensionamento daonResize - este evento ocorre quando há algum redimensionamento da
janela do navegador (window).
janela do navegador (window).
Há uma certa incompatibilidade entre os dois browsers Internet
Há uma certa incompatibilidade entre os dois browsers Internet
Explorer (IE) e Netscape.
Explorer (IE) e Netscape.
O IE chama o onResize duas vezes; e
O IE chama o onResize duas vezes; e
O Netscape apenas uma vez.O Netscape apenas uma vez.
Introdução a Linguagem JavaScript
onSubmit
onSubmit ocorre quando o usuário aperta o botão de Submit num
ocorre quando o usuário aperta o botão de Submit num
formulário.
formulário.
O evento ocorre antes que o formulário seja de fato submetido. Se ação retornar FALSO, a transmissão é
O evento ocorre antes que o formulário seja de fato submetido. Se ação retornar FALSO, a transmissão é
cancelada. cancelada.
onReset
onReset ocorre quando o usuário aperta o botão de Reset num
ocorre quando o usuário aperta o botão de Reset num
formulário.
formulário.
O evento ocorre antes que o formulário seja de fato limpo. Se ação retornar FALSO, a ação correspondente aoO evento ocorre antes que o formulário seja de fato limpo. Se ação retornar FALSO, a ação correspondente ao
evento é cancelada.
evento é cancelada.
JavaScript – Tipos de manipuladores de eventos (onSubmit e onReset)
Introdução a Linguagem JavaScript
JavaScript – Tipos de manipuladores de eventos (onSubmit e onReset)
Introdução a Linguagem JavaScript
onErroronError ocorre quando um erro de carga de imagem é detectado.ocorre quando um erro de carga de imagem é detectado.
Possibilita ao programador acionar uma ação (substituir a imagem).
Possibilita ao programador acionar uma ação (substituir a imagem).
onAbort
onAbort ocorre quando um usuário interrompe a carga de uma
ocorre quando um usuário interrompe a carga de uma
imagem (teclando ESC ou apertando o botão de STOP do browser).
imagem (teclando ESC ou apertando o botão de STOP do browser).
O programador pode assim redirecionar o fluxo de ações após uma interrupção de carga.
O programador pode assim redirecionar o fluxo de ações após uma interrupção de carga.
Exemplo de Uso:
Exemplo de Uso:
JavaScript – Tipos de manipuladores de eventos (onError e onAbort)
Introdução a Linguagem JavaScript
Strings são criadas automaticamente quando uma variável recebe um
Strings são criadas automaticamente quando uma variável recebe um
valor literal. Esta variável pode então acessar propriedades e métodos
valor literal. Esta variável pode então acessar propriedades e métodos
(funções) diretamente associadas ao objeto String.
(funções) diretamente associadas ao objeto String.
Sintaxe geral:
Sintaxe geral:
variável.propriedade ou variável.método();
variável.propriedade ou variável.método();
Caracteres Especiais que podem ser utilizados em strings:
Caracteres Especiais que podem ser utilizados em strings:
\” - aspas \n - pula linha
\” - aspas \n - pula linha
\’ - apóstrofe \r - carrriage return
\’ - apóstrofe \r - carrriage return
\b - backspace \f - form feed
\b - backspace \f - form feed
\t - TAB
\t - TAB
Introdução a Linguagem JavaScript
variável.substring(indice1, indice2):
variável.substring(indice1, indice2): extrai uma string partindo do
extrai uma string partindo do
índice1 até o índice2.
índice1 até o índice2.
variável.toLowerCase(), variável.toUpperCase():
variável.toLowerCase(), variável.toUpperCase(): Converte para
Converte para
minúscula e para maiúscula.
minúscula e para maiúscula.
variável.substr(variável.substr( início,início, [comprimento]):[comprimento]): retornaretorna aa substringsubstring dede
comprimento partindo da posição início.
comprimento partindo da posição início.
Introdução a Linguagem JavaScript
Exemplo de Strings
Exemplo de Strings
Introdução a Linguagem JavaScript
Math.E:
Math.E: constante de Euler. Valor = 2.718....
constante de Euler. Valor = 2.718....
Math.PI:
Math.PI: constante grega
constante grega
. Valor = 3.141592.... . Valor = 3.141592....
Math.SQRT2:
Math.SQRT2: raiz quadrada de 2. Valor = 1.4142....
raiz quadrada de 2. Valor = 1.4142....
Math.pow(x, y) :
Math.pow(x, y) : x elevado a y.
x elevado a y.
Math.sqrt( x ) :
Math.sqrt( x ) : raiz quadrada de x.
raiz quadrada de x.
Math.abs( x ) :
Math.abs( x ) : valor absoluto de x.
valor absoluto de x.
Math.round( x ) :
Math.round( x ) : arredonda o valor de x.
arredonda o valor de x.
Math.exp ( x ) :
Math.exp ( x ) : exponencial de x.
exponencial de x.
Math.min ( x, y ):
Math.min ( x, y ): mínimo entre x e y.
mínimo entre x e y.
Math.max ( x, y ):
Math.max ( x, y ): máximo entre x e y.
máximo entre x e y.
Math.random():
Math.random(): gera um número aleatório entre 0 e 1.
gera um número aleatório entre 0 e 1.
Introdução a Linguagem JavaScript
Math.ceil
Math.ceil (número) - retorna o próximo valor inteiro maior que o número
(número) - retorna o próximo valor inteiro maior que o número
Math.floor
Math.floor (número) - retorna o próximo valor inteiro menor que o
(número) - retorna o próximo valor inteiro menor que o
número
número
Math.sin
Math.sin (número) - retorna o seno de um número (anglo em radianos)
(número) - retorna o seno de um número (anglo em radianos)
Math.asin
Math.asin (número) - retorna o arco seno de um número (em radianos)
(número) - retorna o arco seno de um número (em radianos)
Math.cos
Math.cos (número) - retorna o cosseno de um número (anglo em
(número) - retorna o cosseno de um número (anglo em
radianos)
radianos)
Math.acos
Math.acos (número) - retorna o arco cosseno de um número (em
(número) - retorna o arco cosseno de um número (em
radianos) radianos)
Introdução a Linguagem JavaScript
Cálculo da média de 5000 números gerados randomicamente.
** Exemplo de Funções Matemáticas**
Introdução a Linguagem JavaScript
subfrase = fraseDoDia.substring(0, 10);
subfrase = fraseDoDia.substring(0, 10);
document.write("Subfrase: " + subfrase + "");
document.write("Subfrase: " + subfrase + "");
document.write(
document.write(
"Tudo Minúscula " + fraseDoDia.toLowerCase() + "");
"Tudo Minúscula " + fraseDoDia.toLowerCase() + "");
document.write(document.write(
"Tudo Maiúscula " + fraseDoDia.toUpperCase() "Tudo Maiúscula " + fraseDoDia.toUpperCase() ++ "");"");
document.write(
document.write(
"Código do 10o. caracter" + fraseDoDia.charCodeAt(10));
"Código do 10o. caracter" + fraseDoDia.charCodeAt(10));
//-->
//-->
Introdução a Linguagem JavaScript
Date é um objeto que permite manipular datas e horários.
Date é um objeto que permite manipular datas e horários.
Sintaxe geral:
Sintaxe geral:
variável = new Date(); // data do sistema
variável = new Date(); // data do sistema ou
ou
variável = new Date(“mês dia, ano horas:mins:segs”)
variável = new Date(“mês dia, ano horas:mins:segs”) ou
ou
variável = new Date(ano, mês, dia)
variável = new Date(ano, mês, dia) ou
ou
variável = new Date(ano, mês, dia, horas, minutos, segs) variável = new Date(ano, mês, dia, horas, minutos, segs) ouou
variável = new Date( milisegundos )
variável = new Date( milisegundos )
Introdução a Linguagem JavaScript
Propriedades:
Propriedades:
seconds e minutes:
seconds e minutes: 0 a 59.
0 a 59.
hours:
hours: 0 a 23.
0 a 23.
day:
day: 0 a 6 (dia da semana).
0 a 6 (dia da semana).
date:
date: 1 a 31 (dia do mês).
1 a 31 (dia do mês).
month: month: 0 (janeiro) a 11 (dezembro).0 (janeiro) a 11 (dezembro).
year:
year: desde 1900.
desde 1900.
Métodos:
Métodos:
variável.getPropriedade ( ); // Obtém o valor da propriedade
variável.getPropriedade ( ); // Obtém o valor da propriedade
ou
ou
variável.setPropriedade ( argumento ); // Muda o valor da propriedade
variável.setPropriedade ( argumento ); // Muda o valor da propriedade
