Embed Size (px)
Citation preview
JavaScript
Prof. Esp. Andrew Rodrigues
www.andrewtec.wordpress.com
Aula01
O quê é JavaScript?
• JavaScript é uma linguagem de script que lhe possibilita
adicionar um novo nível de interatividade e função às páginas
Web.
O quê posso fazer com JavaScript?
Você pode adicionar mensagens que rolam na tela ou alterar as
mensagens da linha de status do navegador;
Validar conteúdo de um formulário; Fazer cálculos; Trabalhar
com datas, horas e fuso horário;
Exibir mensagens para o usuário tanto como parte de uma
página da Web como em caixas de alertas;
Fazer animações de imagens ou imagens que mudam quando
você move o cursor sobre elas.
O quê preciso para programar em JavaScript?
Um editor de texto (não utilize formatação) ou um bloco de
notas.
Um navegador. (Netscape, Internet Explorer, Opera...)
Conhecimentos básicos em HTML, onde o script será incluído.
JavaScript incluído no HTML
<html>
<head>
<title> Javascript</title>
<script>
alert(“Seja bem-vindo(a)!”);
</script>
</head>
Resultado JavaScript
Eventos JavaScript
Eventos são aqueles que o usuário pode gerar através do
mouse, teclado e outros eventos especializados.
Eventos JavaScript
onClick
O evento ocorre quando o usuário clica no botão esquerdo do
mouse sobre algum elemento do documento:
<body>
<input type="button" value="Não clique!" onclick=" alert('Você
clicou!!') ">
</body>
Eventos JavaScript
onMouseDown
O evento ocorre quando o usuário pressiona o botão esquerdo
do mouse sobre um objeto apropriado.
<body>
<input type="button" value="Botão“ onMouseDown=" alert('Botão
pressionado!'); ">
</body>
Eventos JavaScript
onMouseUp
O evento ocorre quando o usuário libera o botão do mouse que
estava pressionado sobre um objeto.
<body>
<input type="button" value="Botão“ onMouseUp=" alert('Botão
liberado!'); ">
</body>
Eventos JavaScript
onMouseOver
O evento ocorre quando o usuário passa com o ponteiro do
mouse sobre um link, imagem ou outro objeto que se encontra
dentro no documento.
<body>
<a href="#" onMouseOver="alert(‘Ponteiro sobre o link’); "> link1
</a>
</body>
Eventos JavaScript
onMouseOut
O evento é o oposto do anterior, ocorre quando o ponteiro do
mouse é movido para fora da borda do objeto.
<body>
<a href="#" onMouseOut="alert(‘Ponteiro fora do link’); "> link2
</a>
</body>
Eventos JavaScript
onMouseMove
O evento ocorre quando o usuário move o mouse sobre o
documento. Geralmente ele vem desabilitado por controlar o
ponteiro do mouse do usuário o tempo todo. O resultado deste
exemplo será exibido na linha de status do navegador (rodapé).
Material Disponível
www.andrewtec.wordpress.com
