PW - Parte 2

02/03/2010
Conceitos
Linguagem utilizada no desenvolvimento de páginas clientes, ofertando maior

interatividade com usuário web.
JavaScript não Java, é mais simples, apesar de possuir uma sintaxe parecida.
Características Gerais
Dinâmica
Case Sensitive
Interpretada
Fonte: (Apostila de JavaScript)
Exemplo
O Código JavaScript fica Entre o <script> e o </script>.
<html>
<body>
<script language=“javascript”>
alert("Minha primeira mensagem!")
</script>
</body>
</html>
Fonte: Professor
1
02/03/2010
O Código JavaScript fica Entre o <script> e o </script>.
<html>
<body>
<script>
a = 2;
b = 9;
c = a + b;
alert(‘resultado da soma: ‘ + c) ;
</script>
</body>
</html>
Fonte: Professor
Operadores Matemáticos
+ adição de valor e concatenação de strings

- subtração de valores
* multiplicação de valores
/ divisão de valores
% obtem o resto de uma divisão:
+= concatena /adiciona ao string/valor já existente.
Operadores Condicionais
São operadores a serem utilizados em comandos condicionais, tais como: IF , FOR e WHILE.
Os comandos condicionais serão vistos mais a frente.
== Igual
!= Diferente
> Maior
>= Maior ou Igual
< Menor
<= Menor ou Igual
Operadores Lógicos
&& = E
|| = Ou
! = Não
Fonte: Professor
2
02/03/2010
Controles Especiais
\b - backspace
\n - new line
\r - carriage return
\t - tab characters
// - Linha de comentário
/*....*/ - Delimitadores
Comandos Condicionais
São comandos que condicionam a execução de uma certa tarefa.

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"}
Fonte: Professor
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")
Fonte: Professor
3
02/03/2010
Criando Funções
Uma função é um set de instruções, que só devem ser executadas quando a função for
acionada.
A sintaxe geral é a seguinte:
function NomeFunção (Parâmetros)

{ Ação }
Suponha uma função que tenha como objetivo informar se uma pessoa é maior ou
menor de
idade, recebendo como parâmetro a sua idade.
function Idade (Anos) {

if (Anos > 17)
{ alert ("Maior de Idade") }
else
{ alert ("menor de Idade") }
}
Fonte: Professor
Exercícios
1) Exiba no documento e na janela a mensagem “Olá mundo!” usando Javascript.
2) Desenvolva o script para exibir a mensagem “Olá mundo!” 10 (dez) vezes da forma empilhada usando
estrutura de repetição.
3) Construa um script que exiba a mensagem “Olá mundo!” 10 (dez) vezes com duas cores alternadas
utilizando a estrutura de repetição for.
4) Crie o efeito de projeção no documento com Javascript alternando as cores e utilizando a mensagem
“Olá mundo!”.
Fonte: Professor
4
02/03/2010
Funções Intrínsecas
São funções embutidas na própria linguagem. A sintaxe geral é a seguinte:
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 o capítulo manipulando datas)
ex1: Result = eval ( " (10 * 20) + 2 - 8")

ex2: Result = eval (string)
Demonstrar exemplos
Fonte: Professor
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.
onload - Ocorre na carga do documento. Ou seja, só ocorre no BODY do documento.
onchange - Ocorre evento quando muda o estado de um elemento de formulário, às vezes não se produz até
que o usuário retire o foco da aplicação do elemento .
onblur - Ocorre quando o objeto perde o focus.
onfocus - Ocorre quando o objeto recebe o focus.
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 - Executa-se quando um usuário realiza uma seleção de um elemento de um formulário.
onsubmit - Ocorre quando um botão tipo Submit recebe um click do mouse. válido apenas para o Form.
Fonte: Professor
5
02/03/2010
onkeydown
Este evento é produzido no instante que um usuário pressiona uma tecla, independentemente que a solte ou não.
É produzido no momento do clique.
onkeypress
Ocorre um evento onkeypress quando o usuário deixa uma tecla pressionada por um tempo determinado. Antes
deste evento se produz um onkeydown no momento que se clica a tecla..
onkeyup
Produz-se quando o usuário deixa de apertar uma tecla. É produzido no momento que se libera a tecla.
onmousemove
Produz-se quando o mouse se move pela página.
onmouseout
Crie um evento onmouseout quando a seta do mouse sai da área ocupada por um elemento da página.
onmouseover
Este evento desata-se quando a seta do mouse entra na área ocupada por um elemento da página.
onmouseup
Este evento se produz no momento que o usuário solta o botão do mouse, que previamente havia clicado.
Fonte: Professor
Funções de String
length
Indica o comprimento (número de caracteres) da string.
Exemplo (a variável len assume valor 7);
str = "Bom dia";

len = str.length;
charAt ((idx)
Retorna o caractere da posição especificada por idx, um inteiro entre 0 e comprimento da string menos 1.
Exemplo (a variável str_2 será "o"):
str_1 = "Bom dia";

str_2 = str_1.charAt(1);
fontcolor(cor)
Exibe a string na cor especificada, como se estivesse entre as marcas <FONT COLOR=cor> e </FONT> de HTML.
Exemplo:
str = "Bom dia";

document.write(str.fontcolor("blue"));
6
02/03/2010
fontsize(sz)
Exibe a string no tamanho de fonte especificado, como se estivesse entre as marcas <FONT SIZE=sz> e </FONT>
de
HTML. O parâmetro sz é o tamanho da fonte.
Ex:
str = "Bom dia";
document.write(str.fontsize("3"));
indexOf(iStr [, iniNdx])
Retorna o índice da primeira ocorrência de iStr, começando de iniNdx ou de 0 se ele não é dado. Se iStr não é
encontrado, retorna -1
Ex:
"Bom dia".indexOf("Bom") retorna 0.
"Bom dia".indexOf("Bon") retorna -1.
"Bom dia".indexOf("d") retorna 4.
"Bom dia".indexOf("bom") retorna -1.
link(hRef)
Cria um link de hipertexto HTML para a URL (absoluta ou relativa) dada por hRef.
Ex:
str = "Página inicial MSPC";
url = "http://www.mspc.eng.br";
document.write(str.link(url);
substr(ini [, compr])
Extrai parte de uma string, começando no índice base zero dado por ini. Se este é negativo, significa índice
a
partir do final da string. O parâmetro opcional.
Exemplo (resulta "dia"):

str = "Bom dia";
document.write(str.substr(4,3));
toLowerCase()
Retorna a string original com os caracteres minúsculos. Não altera a original.
Exemplo (resulta "bom dia"):

str = "Bom dia";
document.write(str.toLowerCase());
toUpperCase()
Retorna a string original com os caracteres maiúsculos. Não altera a original.
Exemplo (resulta "BOM DIA"):

str = "Bom dia";
document.write(str.toUpperCase());
Fonte: http://www.mspc.eng.br/info/jscriptString.shtml
7
02/03/2010
split([sep][, lim])
Separa uma string em um conjunto (array) de strings, usando como separador o caractere indicado por sep.
O
parâmetro opcional lim é um inteiro que limita o número de separações.
Exemplo (no resultado, str_2[0] contém "AA", str_2[1] contém "BB", str_2[2] contém "CC" e str_2[3] contém
"DD"):
str_1 = new String("AA,BB,CC,DD");

str_2 = str.split(",");
EXERCÍCIOS
a) Desenvolva uma aplicação JavaScript, onde o usuário forneça o nome e o sobrenome digitados em
minúsculos através de dois campos distintos no formulário. Ao clicar no botão “VER”, Retorne o nome
completo em maiúsculo, através da instrução alert.
b) Faça uma função que receba uma string de dígitos numéricos inseridos através do formulário. Crie um
botão para acionar a função que deverá retornar por extenso o nome de cada digito de entrada separado por
virgula. A saída deve ser visualizada dentro de uma caixa texto com tamanho 50.
(Ex: Entrada: “143” -> Saída: “um,quatro,três”).
c) Faça uma função que receba um nome completo do formulário. Como resultado retorne apenas uma
string com o primeiro e último nome dentro da instrução alert.
d) Crie um form com uma caixa texto para receber uma frase. A seguir faça uma função para converte
alternadamente em maiusculas e minusculas os caracteres do texto de entrada. Não esqueça de criar um
botão para chamar a função e uma caixa texto para exibir o resultado .
e) Desenvolva uma página que receba uma frase qualquer. Crie um botão chamado transformar. Usando a
instrução alert, exiba a frase de entrada em minuscula transformando apenas as vogais da frase em
maiusculas.
8
02/03/2010
EXPRESSÕES REGULARES
var texto = /java/i;
Observe que o padrão de pesquisa é inserido entre as barras "/". A letra "i" fora do padrão
indica que a pesquisa não fará distinção entre letras maiúsculas e minúsculas. O método
search retorna o índice da primeira ocorrência da string pesquisada. Se ela não for
encontrada, o método retornará -1.
<script type="text/JavaScript" language="JavaScript">

var texto = /java/i;
var frase = "Gosto muito de programar em JavaScript";
if(frase.search(texto) == -1)
alert("Texto não encontrado");
else
alert("Texto encontrado");
</script>
Fonte: http://www.arquivodecodigos.net/arquivo/tutoriais/javascript/js_er_1_4.php
EXPRESSÕES REGULARES
Novamente o padrão é ser pesquisado é inserido entre as barras "/". Veja que agora não
usamos o sinalizador "i". Isso quer dizer que, agora, o código diferencia letras maiúsculas de
minúsculas. Em vez disso, temos o sinalizar "g". Este sinalizador é usado para especificar uma
pesquisa global, ou seja, indicar ao método replace que este deverá efetuar a substituição de
todas as ocorrências e não somente da primeira.
<script type="text/JavaScript" language="JavaScript">

var texto = /Java/g;
var frase = "Java? Sim. Gosto muito de programar em Java";
frase = frase.replace(texto, "JavaScript");
alert(frase);
</script>
Fonte: http://www.arquivodecodigos.net/arquivo/tutoriais/javascript/js_er_1_4.php

PW - Parte 2

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

PW - Parte 2

Transféré par

Droits d'auteur :

Formats disponibles

02/03/2010

Linguagem utilizada no desenvolvimento de páginas clientes, ofertando maior

Fonte: (Apostila de JavaScript)

O Código JavaScript fica Entre o <script> e o </script>.

O Código JavaScript fica Entre o <script> e o </script>.

+ adição de valor e concatenação de strings

São comandos que condicionam a execução de uma certa tarefa.

for ( [inicialização/criação de variável de controle ;] [condição ;] [incremento da variável de controle] )

Executa uma ação enquanto determinada condição for verdadeira.

receptor = ( (condição) ? verdadeiro : falso)

function NomeFunção (Parâmetros)

function Idade (Anos) {

1) Exiba no documento e na janela a mensagem “Olá mundo!” usando Javascript.

utilizando a estrutura de repetição for.

São funções embutidas na própria linguagem. A sintaxe geral é a seguinte:

Result = função (informação a ser processada)

ex1: Result = eval ( " (10 * 20) + 2 - 8")

onload - Ocorre na carga do documento. Ou seja, só ocorre no BODY do documento.

onblur - Ocorre quando o objeto perde o focus.

onfocus - Ocorre quando o objeto recebe o focus.

onselect - Executa-se quando um usuário realiza uma seleção de um elemento de um formulário.

Indica o comprimento (número de caracteres) da string.

Exemplo (a variável len assume valor 7);

str = "Bom dia";

Exemplo (a variável str_2 será "o"):

str_1 = "Bom dia";

str = "Bom dia";

Exemplo (resulta "dia"):

Retorna a string original com os caracteres minúsculos. Não altera a original.

Exemplo (resulta "bom dia"):

Retorna a string original com os caracteres maiúsculos. Não altera a original.

Exemplo (resulta "BOM DIA"):

str_1 = new String("AA,BB,CC,DD");

var texto = /java/i;

<script type="text/JavaScript" language="JavaScript">

<script type="text/JavaScript" language="JavaScript">

Vous aimerez peut-être aussi