Sie sind auf Seite 1von 19

Fábio Borges de Oliveira

Java Script
Testar a página
<body bgcolor=#CCCCCC>
<center>
<form> <br>
<textarea name="fonte" cols=70 rows=20>
</textarea>
<br><br>
<input type="button" value=" Testar sua página"
onclick="document.write(fonte.value);">
</form>
</center>
</body>
Alerta

<script type="text/javascript">
alert("Hello World!")
</script>
Confirmação
var P = confirm(“Você é ...?")
if (P == true)
{
document.write("OK: Eu sabia.")
}
else
{
document.write("Cancelar: Fala a verdade!")
}
Entrada
var nome=prompt("Você é...?","feio")
if (nome != null && nome != "")
{
document.write("Você é " + nome)
}
Abrindo uma janela

<input type="button"
value="LNCC"
onclick='window.open("http://www.lncc.br")
'>
Parâmetros da janela

<input type="button"
value="LNCC"
onclick='window.open("http://www.lncc.br",
"nome da janela","toolbar=no,location=yes,
directories=no, status=no, menubar=no,
scrollbars=yes,resizable=no,
copyhistory=yes, width=800, height=600")
'>
Avaliando

expressao = prompt("Digite uma expressão


Matemática", "1+2+3+4+5+6+7+8+9")
resultado = eval(expressao)
document.write("O resultado é " +
resultado)
String para inteiro
function perfeito(){
var i, n, soma;
n = parseInt(document.formulario.campo.value);
soma=0; i=1;
for (i=1; i<n; ++i) if (n%i == 0) soma=soma+i;
if (n == soma)
{alert(n + " e\' um numero perfeito.");}
else {alert(n + " nao e\' um numero perfeito.");}
return;}
String para ponto flutuante

function area_circulo(form){
a=parseFloat(form.entrada1.value);
b=parseFloat(form.entrada2.value);
c=Math.PI*a*b; { form.saida1.value=c; }
return;
}
Barra de status

<input type="button"
value="Status"
onclick='window.status = "Olhe para a barra
de status."'>
Localização

<input type="button"
value="LNCC"
onclick='location="http://www.lncc.br" '>
Voltar

<input type="button"
value="voltar"
onclick='history.go(-1) '>
Imprimir

<input
type="button"
value="Imprimir"
onclick="window.print()" >
Função
<head>
<script type="text/javascript">
function pitagoricos(x,y,z)
{
if ((x*x+y*y)==(z*z))
{return "São pitagóricos"}
else {return "Não são pitagóricos"}
}
</script>
</head>
Função no formulário
<body>
<form>
X <input type="text" name=n1><br>
Y <input type="text" name=n2><br>
Z <input type="text" name=n3><br>
<input type="button" value="Calcular"
onclick="document.write(pitagoricos(n1.va
lue,n2.value,n3.value)+'<br>')"> <br>
</form>
</body>
Eventos
onclick - Ocorre quando o objeto recebe um clique
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 clique do mouse
Eventos
onload - Ocorre na carga do documento. Ou seja,
só ocorre na tag BODY do documento.
onunload - Ocorre na descarga (saída) do
documento. Também só ocorre na BODY.
onchange - Ocorre quando o objeto perde o focus
e houve mudança de conteúdo. Válido para os
objetos Text, Select e Textarea.
onblur - Ocorre quando o objeto perde o focus,
independente de ter havido mudança.
válido para os objetos Text, Select e Textarea.
onfocus - Ocorre quando o objeto recebe o focus.
válido para os objetos Text, Select e Textarea.
Exemplos de eventos
<a href=javascript:; onclick="alert('clicou');">
clique aqui</a><br>
<a href=javascript:; onmouseup="alert('mesmo
efeito do onclick');">clique aqui, segure um
pouco e solte</a><br>
<a href=javascript:; onmousedown="
alert('clicou');">clique aqui</a><br>
<a href=javascript:; onmouseover="
alert('passou');">passe o mouse aqui</a><br>
<a href=javascript:; onmouseout="alert('tirou o
mouse');">coloque o mouse aqui, espere um
pouco e retire-o</a><br>

Das könnte Ihnen auch gefallen