Escolar Documentos
Profissional Documentos
Cultura Documentos
Sistemas de Informação
OPERADORES
1
19-02-2010
Operadores
Os operadores actuam sobre uma ou mais variáveis de modo a
produzirem os resultados da operação pretendida.
Tipos de operadores:
Aritméticos
Incremento e decremento
Atribuição
Relacionais
Lógicos
Cadeias
Sistemas de Informação
Operadores aritméticos
Operador Nome
+ Adição
- Subtracção
* Multiplicação
/ Divisão
% Resto da divisão inteira
Sistemas de Informação
2
19-02-2010
Operadores de incremento e
decremento
Operador Nome
++ Incremento
-- Decremento
Sistemas de Informação
Operadores de atribuição
Sistemas de Informação
3
19-02-2010
Operadores Relacionais
Sistemas de Informação
Operadores lógicos
Sistemas de Informação
4
19-02-2010
Sistemas de Informação
Sistemas de Informação
5
19-02-2010
Operador de cadeias
Sistemas de Informação
INSTRUÇÕES
CONDICIONAIS
6
19-02-2010
Instrução if
A instrução if pode ter uma das seguintes formas:
if (condição)
instrução
ou
if (condição)
instrução
else
instrução
Exemplo - Instrução if
<html>
<head>
<title> Instrução IF </title>
</head>
<body>
<script>
var valor=prompt("Introduza um valor: ","")-0;
if (valor==0)
document.write("O valor introduzido é nulo.");
else
if (valor>0)
document.write("O valor introduzido é positivo.");
else
document.write("O valor intoduzido é negativo");
</script>
</body>
</html>
Sistemas de Informação
7
19-02-2010
Instrução switch
O formato da instrução switch é o seguinte:
switch (expressão){
case valor1:
instrução1;
break;
case valor2:
instrução2;
break;
…
default: instruçãoN;
}
Sistemas de Informação
8
19-02-2010
Instrução break
Sistemas de Informação
Instruções Iterativas
Ciclo while
Ciclo do-while
Ciclo for
Vectores
Sistemas de Informação
9
19-02-2010
INSTRUÇÕES ITERATIVAS
O ciclo while
A sintaxe do ciclo while é a seguinte:
while (condição)
{
instrução;
}
Sistemas de Informação
10
19-02-2010
Sistemas de Informação
O ciclo do
do--while
A sintaxe da instrução do-while é a seguinte:
do
{
instrução;
}while (condição);
Sistemas de Informação
11
19-02-2010
Exemplo - Ciclo do
do--while
<script>
var i=0;
do
{
document.write("Este número é " +i);
document.write("<br>");
i++;
}while(i<=3)
</script>
Sistemas de Informação
O ciclo for
A sintaxe da instrução for é a seguinte:
incremento.
Sistemas de Informação
12
19-02-2010
Sistemas de Informação
VECTORES
13
19-02-2010
Vectores
Um vector é uma estrutura de dados com diversos elementos do mesmo
tipo.
Sistemas de Informação
Funções
Form
Botões
Sistemas de Informação
14
19-02-2010
Sistemas de Informação
FUNÇÕES
Funções
Sistemas de Informação
15
19-02-2010
Sistemas de Informação
Exemplo 1
<html>
<head>
<script >
function ola()
{
alert(“Olá mundo!!!");
}
</script>
</head>
<body>
<script>
ola();
</script>
</body>
</html>
Sistemas de Informação
16
19-02-2010
Exemplo 2
<script >
function soma ( x, y )
{
var somar;
somar = x + y;
return (somar);
}
Sistemas de Informação
Funções Internas
alert - Mostra uma caixa de alerta, seguido de um sinal sonoro e o
botão de OK.
Exemplo:
alert('Esta é uma janela de alerta!');
Sistemas de Informação
17
19-02-2010
Exemplo:
retorno=confirm('Deseja prosseguir?');
Sistemas de Informação
Exemplo:
document.write(escape("@"));
Sistemas de Informação
18
19-02-2010
Exemplo:
document.write(eval(10*9*8*7*6*5*4*3*2));
Sistemas de Informação
Exemplo:
document.write(parseFloat("-32.465e12");
Sistemas de Informação
19
19-02-2010
Exemplo:
parseInt("string",base)
parseInt("FF",15) // retorna 256
parseInt("3A",10) // retorna 3
parseInt("10",2) // retorna 2
Sistemas de Informação
Sistemas de Informação
FORMULÁRIO
20
19-02-2010
Formulário
A tag usada é <form> envolve um conjunto de dados, em que
vamos definir como e para onde os dados serão enviados.
Sistemas de Informação
Sistemas de Informação
21
19-02-2010
Sistemas de Informação
Sistemas de Informação
OBJECTOS
22
19-02-2010
Sistemas de Informação
Sistemas de Informação
23
19-02-2010
Propriedades Descrição
type = text Especifica um campo para entrada de dados normal
size Especifica o tamanho do campo na tela.
maxlength Especifica a quantidade máxima de caracteres
permitidos.
name Especifica o nome do objecto
value Armazena o conteúdo do campo
Sistemas de Informação
Exemplo
Nome: <input type = "text" name = "nome" size = "20" maxlength = "30" />
Sistemas de Informação
24
19-02-2010
Propriedades Descrição
type = password Especifica um campo para entrada de senha. Os dados
introduzidos são substituídos por "*".
size Especifica o tamanho do campo na tela.
maxlength Especifica a quantidade máxima de caracteres
permitidos.
name Especifica o nome do objecto
value Armazena o conteúdo do campo
Sistemas de Informação
Exemplo:
<form name="TPassword">
Palavra Passe:
<input type = "password" name = "pword" size = "20" maxlength = "30" />
</form>
Sistemas de Informação
25
19-02-2010
Propriedades Descrição
name Especifica o nome do objecto
value Armazena o conteúdo do campo
Sistemas de Informação
Exemplo:
<form name="THidden">
<input type=hidden size=20 maxlength=30 name="HdTexto"
value="" >
</form>
</p>
Sistemas de Informação
26
19-02-2010
Propriedades Descrição
name Especifica o nome do objecto
value Especifica o valor que será enviado ao "server" se o
objecto estiver seleccionado (checked). Caso seja
omitido, será enviado o valor default "on" .
checked Especifica que o objecto inicialmente estará
seleccionado
Sistemas de Informação
Exemplo
Caixas de escolha:<br>
<input type = "checkbox" name ="campo1" > Caixa1
<input type = "checkbox" name ="campo2" checked>Caixa2
<input type = "checkbox" name ="campo3">Caixa3
Sistemas de Informação
27
19-02-2010
Exemplo
<form name=form1>
<input type=checkbox name=chkfutebol>Futebol<br>
<input type=checkbox name=chkvolei>Voleibol<br>
<input type=checkbox name=chktenis>Tênis<br>
<input type=checkbox name=chkbasquete>Basquetebol<br>
<input type=button value=Enviar onClick="Ver()">
</form>
<Script >
function Ver()
{
if(document.form1.chkfutebol.checked==true) {alert("Gosta de futebol") }
if(document.form1.chkvolei.checked==true) {alert("Gosta de voleibol“)}
if(document.form1.chktenis.checked==true) {alert("Gosta de tênis“)}
if(document.form1.chkbasquete.checked==true) {alert("Gosta de basquetebol") }
}
</Script> Sistemas de Informação
Propriedades Descrição
name Especifica o nome do objecto
value Especifica o valor que será enviado ao "server" se o
objecto estiver seleccionado (checked). Caso seja
omitido, será enviado o valor default "on" .
checked Especifica que o objecto inicialmente estará
seleccionado
Sistemas de Informação
28
19-02-2010
Exemplo
Rádio escolhido: <br>
<input type = "radio" name = "radio" value = "Antena 3" checked>Antena 3
<input type = "radio" name = "radio" value = "RFM">RFM
<input type = "radio" name = "radio" value = "R. Comercial">R. Comercial
<input type = "radio" name = "radio" value = "Mega FM">Mega FM
Sistemas de Informação
Sistemas de Informação
29
19-02-2010
Exemplo 1
<html>
<head> <title> Exemplo de input Radio </title>
</head>
<body>
<form name=form1>
<p><b>Escolha uma cor para o fundo </b></p>
<p>
<input type=radio name="Rad" value="1" onclick="document.bgColor='green'">
Fundo Verde
<input type=radio name="Rad" value="2" onclick="document.bgColor='#FFFF00'">
Fundo Amarelo
</p>
</form>
</body>
<html>
Sistemas de Informação
Exemplo 2
<html>
<head>
</head>
<body>
<h1 align=center>Qual sistema operativo tem?</h1>
<form name=form1>
<input type=radio name=r1 onClick="msistema = 1" >Windows XP<br>
<input type=radio name=r1 onClick="msistema = 2" >Windows Vista<br>
<input type=radio name=r1 onClick="msistema = 3" >Linux<br>
<input type=button value="Escolher" onclick="Ver()">
</form>
<script>
msistema = 1
function Ver()
{
sistemas=new Array()
sistemas[1]="Windows XP"
sistemas[2]="Windows Vista"
sistemas[3]="Linux"
alert("O sistema operativo que está a usar é " + sistemas[msistema])
}
</script>
</body>
<html>
Sistemas de Informação
30
19-02-2010
Propriedades Descrição
name Especifica o nome do objecto
value Especifica o nome que aparecerá sobre o botão
Sistemas de Informação
Exemplo
<html>
<head>
</head>
<body>
<p>
<form method="POST" name="TstButton">
Escreva um Texto
<input type=text size=30 maxlength=30 name="Teste" value="">
</p>
<p>
Click no Botão
<input type=button name="Bteste" value="Botão de teste" onclick="alert ('Você
escreveu: ' + TstButton.Teste.value)">
</p>
</form>
</script>
</body>
<html>
Sistemas de Informação
31
19-02-2010
Propriedades Descrição
name Especifica o nome do objecto
value Especifica o nome que aparecerá sobre o botão
Sistemas de Informação
Exemplo
<html>
<head>
</head>
<body>
<p>
<form method="POST" name="TesteRes">
Escreva um texto<input type=text size=10 maxlength=20 name="Teste" value="">
<input type=reset name="Botaoreset" value="Apagar">
</form>
</p>
</script>
</body>
<html>
Sistemas de Informação
32
19-02-2010
Propriedades Descrição
name Especifica o nome do objecto
value Especifica o nome que aparecerá sobre o botão
Sistemas de Informação
Exemplo
<script>
function TestaVal()
{
if (document.TesteSub.Teste.value == "") {
alert ("Campo não Preenchido...Form não Submetido")
return false }
else { alert ("Tudo Ok....Form Submetido")
return true }
}
</script>
<p>
<form method="POST" name="TesteSub" onSubmit="return TestaVal()"
action="http://10.0.5.2/scripts/isapielo.dll/vbloja.loja.action">
Escreva um Texto <input type=text size=10 maxlength=10 name="Teste" value="">
<input type=submit name="Bsub" value="Submeter">
</p>
</form>
Sistemas de Informação
33
19-02-2010
Objecto TEXTAREA
É um objecto para entrada de dados em um campo de múltiplas
linhas.
Propriedades Descrição
name Especifica o nome do objecto
rows Especifica a quantidade de linhas
cols Especifica a quantidade de caracteres que
aparecerão em cada linha
value Acede ao conteúdo do campo
Sistemas de Informação
Exemplo
<html>
<head>
</head>
<body>
<form name="TesteTextarea">
<p>
Texto de Múltiplas Linhas
<textarea name="MultText" rows=2 cols=40>
Primeira linha do texto Segunda linha do texto
</textarea>
</p>
</body>
<html>
Sistemas de Informação
34
19-02-2010
Objecto SELECT
É um objecto para entrada de opções, onde o utilizador, a partir de
uma lista de alternativas, selecciona uma ou mais opções.
Propriedades Descrição
name Especifica o nome do objecto
size Especifica a quantidade de opções que aparecerão
na tela simultaneamente
value Associa um valor ou string para cada opção
(opcional)
multiple Especifica a condição de múltipla escolha (usando-se
a tecla Ctrl)
Sistemas de Informação
Sistemas de Informação
35
19-02-2010
Exemplo 1
<script>
function Verselect(Campo)
{
Icombo = Campo.selectedIndex
alert ("Voce escolheu " + Campo.options[Icombo].text)
}
</script>
<p>
Objecto Select
<select name="Combo1" size=1 onchange="Verselect(Combo1)">
<option>Opcao 1
<option>Opcao 2
<option>Opcao 3
<option selected>Opcao 4 (recomendada)
<option>Opcao 5
<option>Opcao 6
</select>
</p>
Sistemas de Informação
Exemplo2
<script>
function Vermult(Lista)
{
var opcoes = "";
for (i = 0 ; i < Lista.length ; i++)
{
if (Lista.options[i].selected) {
opcoes += (Lista.options[i].value + ", ")
}
} alert ("As opcoes escolhidas foram : " + opcoes)
}
</script>
36
19-02-2010
Sistemas de Informação
EVENTOS
Eventos
São factos que ocorrem durante a execução do sistema, a partir
pelo programa.
Sistemas de Informação
37
19-02-2010
onblur - Ocorre quando o objeto perde o focus, independente de ter havido mudança.
válido para os objetos Text, Select e Textarea.
Sistemas de Informação
38
19-02-2010
Objecto Eventos
Input TEXT onchange, onblur, onfocus e onselect.
Input PASSWORD onchange, onblur, onfocus e onselect.
Input HIDDEN
Input CHECKBOX onclick
Input RADIO onclick
Input BUTTON onclick
Input RESET onclick
Input SUBMIT onclick
TEXTAREA onchange, onblur, onfocus e onselect
SELECT onchange, onblur e onfocus
Sistemas de Informação
Sistemas de Informação
MÉTODOS
39
19-02-2010
Sistemas de Informação
Exemplo
<script >
function veiculo(a,b,c,d) {
this.marca = a;
this.modelo = b;
this.ano_matricula = c;
this.cilindrada = d;
this.listar_variaveis = listar_variaveis; //método listar variáveis
}
function listar_variaveis() {
for (var k = 1; k <= 4 ; k++) {
document.write("Propriedade ", k, " = ", this[k], " <br> ");
}
}
var carro1 = new veiculo();
carro1[1] = "Porsche";
carro1[2] = "Carrera GT";
carro1[3] = "2000";
carro1[4] = 5733;
carro1.listar_variaveis();
carro1.listar_variaveis();
</script>
Sistemas de Informação
40
19-02-2010
abs(número)
Valor absoluto do número, ou seja, o valor independentemente
do sinal ser positivo ou negativo.
acos(número)
Arco-coseno de número, o arco (ângulo) cujo o cosseno seja
número.
asin(número)
Arco-seno de número.
atan(número)
Arco-tangente de número.
Sistemas de Informação
atan2(x, y)
Ângulo entre o eixo dos xx e um ponto, identificado por x y.
ceil(número)
Devolve o próximo inteiro maior que número, efectua um
arredondamento (às unidade) para cima.
cos(número)
Coseno de número.
exp(número)
Devolve e levantado a número, enúmero.
Sistemas de Informação
41
19-02-2010
floor(número)
Devolve o inteiro anterior menor que número, efectua um
arredondamento (às unidade) para baixo.
log(número)
Devolve o logaritmo de número.
max(num1, num2)
Devolve o número maior dos números num1 e num2.
min(num1, num2)
Devolve o número menor dos números num1 e num2.
Sistemas de Informação
pow(num, expoente)
Devolve num elevado a expoente.
random()
Devolve um número aleatório entre 0 e 1.
round(número)
Arredonda número para o inteiro mais próximo.
sin(número)
Seno de número.
Sistemas de Informação
42
19-02-2010
sqrt(número)
Raiz quadrada de número.
tan(número)
Tangente de número.
Sistemas de Informação
Exemplo
<script >
// Coseno de PI = -1
document.write("<br>Coseno de PI = ",Math.cos(Math.PI));
// Raiz quadrada de 9 = 3
document.write("<br>Raiz Quadrada de 9 = ", Math.sqrt(9));
// Arredondar um número, -5
var x = -4.56;
document.write("<br>Arredondar -4.56 = ", Math.round(x));
</script>
Sistemas de Informação
43
19-02-2010
Sistemas de Informação
O ARRAY FORMS[]
Por exemplo:
document.forms[0].elements[2].value
Sistemas de Informação
44