(Parte 1 de 6)

Java Script Pág: 1

Índice1
Introdução ao JavaScript Básico2
Configurações2
Usando o Java Script2
Comandos: script language - alert - /script3
Variáveis4
Regras para criar uma variável:4
Comandos: Window.prompt - alert com variável5
Comandos6
1. document.write( escreva sua informação );6
2. document.bgColor=” cor em inglês”;7
3. document.fgColor=” cor em inglês”;7
4. document.title=”Título da página”;7
5. docum ent.write (document.lastModified);7
6. window.open("URL","nom e_da_janela","Parâmetros");7
7. window.location.ref="nome e estensão da outra página ";8
8. window.location.reload();8
9. window.close( );8
10. window.status=”mensagem ...”; ........................................................................... 8
Eventos9
Objetos de Formulário9
1-) Botão de comando:9
2-)Botão de radio:10
3-)Caixa de verificação:10
4-)Caixa de Texto:10
Operadores do JavaScript1
Comandos: if e if ..else13
Comando case13
Laços de Repetição em JavaScript14
1-) Estrutura for14
2-) Estrutura while15
3-) Estrutura do..while16
Funções16
Função simples16
Função com parâmetro17
Cálculos em JavaScript18
Uso de uma função de conversão20

Índice

Fonte de pesquisa – site – eadcetec.kit.net/javascript APOSTILA ELABORADA através da pesquisa feita no endereço acima pela professora Marli H.G.Cazarin El Kadre

Java Script Pág: 2

Introdução ao JavaScript Básico

Javascript é linguagem de script para construção de páginas da Web utilizando recursos dinâmicos. Podemos criar efeitos especiais, controlar os dados digitados em um formulário e criar algumas animações. A construção de uma página usando Java, deve ser desenvolvida junto com HTML

Configurações

Antes de iniciar o curso, é preciso verificar se o seu navegador está configurado para executar os scripts em Javascript.

• Com a internet aberta, clique no menu ferramentas • Clique na opção: opções da internet

• Na guia avançado alterar o item Java VM, ticando toda as 3 opções, como mostra a figura abaixo:

Usando o Java Script.

O código em Javascript poderá ser inserido em qualquer ponto de sua página, desde que dentro das tags <html>..</html> e iniciando-se com a tag <script language = “Javascript”> e terminando com a tag </script>. Exemplos:

<script language="Javascript"> tag para indicar o início da codificação JAVA Script

código scripts

Java Script Pág: 3

</script> tag para indicar o fim da codificação JAVA Script </head>

<body>

Corpo da página Codificação normal do HTML

</body> </html>

<html><head><title>Programando em Javascript - aula 1</title> </head>

<body>

<script language="Javascript">

código scripts código em JAVA entre as tags
<body> .... </body>

</script>

</body>

</html>

OBS.1 Æ Como o HTML, uma página usando JAVA SCRIPT, deve ser digitada em um editor de texto, pode ser o BLOCO DE NOTAS e salvar com a extensão HTML ou HTM

Comandos: script language - alert - /script

1. <script language="Javascript"> Comando para informar o navegador qual é a linguagem de scripts que deverá ser interpretada.

2. alert("escreva sua mensagem aqui ...."); Esta função exibi uma caixa

de diálogo com a mensagem que está entre aspas no final da instrução usa-se ponto-e-vírgula (;) para indicar ao navegador o final de instrução. Também pode ser escrito usando o comando window antes de alert. Ex:

window.alert("escreva sua mensagem aqui ....");

Java Script Pág: 4

3. </script> Comando para finalizar o bloco de instruções em Javascript.

Exercício 1 – Criar uma página usando o comando alert para desejar um Bom Dia.

Resultado

Variáveis

As variáveis permitem guardar dados na memória da máquina durante a execução de programas, páginas ou scripts. Sempre que forem usadas elas estarão prontas para entrarem em ação e receber ou enviar dados conforme a solicitação do usuário.

Regras para criar uma variável:

1. Um nome de variável deve sempre começar por uma letra 2. Não utilize símbolos especiais tais como:(! @ # $ % & * : ; " ', . / ? + = ~`) 3. Procure escrever os nomes das variáveis sempre em minúsculo uma vez que

Javascript é sensível a letras maiúsculas e minúsculas 4. Procure dar nomes as variáveis que lembrem o seu conteúdo

Para declarar uma variável em Javascript, você poderá utilizar ou não a denominação var (sempre em letras minúsculas), não é preciso especificar o tipo de variável. Se criar uma variável e atribuir um conteúdo texto e na linha seguinte atribuir um conteúdo numérico, o próprio navegador interpreta a instrução e converte normalmente sem nenhum problema.

• alert("Bom dia? Tudo Bem?");

• <body> Primeiro exercício em JAVA SCRIPT </body>

Java Script Pág: 5

Exemplo-1 var nome="ETE Silvio de Mattos Carvalho"; nome="ETE Silvio de Mattos Carvalho";

Comandos: Window.prompt - alert com variável

1. variável=window.prompt("mensagens para entrada de dados", "título"); -

Comando para entrada de dados, usando uma variável que deve ser previamente declarada. Pode ser escrito omitindo-se a palavra window. Ex:

2. alert("Mensagem "+nome da variável+" continuação da mensagem");

Comando para mostrar uma pesagem utllizando uma variável. A variável pode vir em qualquer parte da mensagem, sempre entre aspas e com os sinais de + no início e fim.

Exercício.

Escreva um código em Javascript para permitir a entrada de um nome em uma variável e depois exibi-lo em uma caixa de diálogo.

Resultado

(Parte 1 de 6)

Comentários