O Artigo será o seguinte:
- Escrevendo seu primeiro Script em JavaScript
- Inserir Comentários em um Script
Escrevendo seu primeiro Script em JavaScript
Vamos simplesmente pôr em prática o que foi explicado na coluna anterior, e escrever nossa primeira página em JavaScript.
Antes de mas nada durante a elaboração das colunas eu adotei o programa Bloco de Notas do Windows como sendo nosso editor de textos para escrever nossa páginas em JavaScript. Assim sendo, vamos iniciar nossa tarefa carregando o Bloco de para a área de trabalho do windows.
- Inicie o Bloco de Notas (Iniciar-->Programas --> Acessórios--> Bloco de Notas.)
Obs: Você vai digitar o código abaixo, mas não digite os números das linhas e tome cuidado com as letras maiúsculas e minúsculas contidas nas instruções do script).
Fique Ligado - O JavaScript é uma linguagem case-sensitive, o que é isso? Simplesmente sensível a letras maiúsculas e minúsculas, sendo que "A" (maiúsculo) é diferente de "a"(minúsculo); logo, tome muito cuidado ao digitar as instruções que comporão seu script. siga rigorosamente cada parte da coluna e evite, usar o método copiar e colar isso é feio concorda? não vai custar nada você digitar os códigos do que copiar e colar, coisa muito feia hehe!.Vamos lá:
<html>
<head>
<title> Bem Vindo ao JavaScript</title>
</head>
<body>
<SCRIPT LANGUAGE ="JAVASCRIPT">
document.write("Este é o meu primeiro script escrito em Javascript, estudando a coluna do hipermasters.com");
</script>
</body>
</html>
Fique Ligado - Entre o sinal menor que (<) e maior que (>) de uma tag não insira nenhum espaço em branco, para não dar erro de sintaxe.
Agora salve este documento dentro da pasta criada, (hiper) e salve com o seguinte nome: primeiroscript.htm.
Obs: Você pode usar qualquer editor de textos para escrever as instruções em HTML, no entanto, o documento sempre deve ser salvo como documento de texto para eliminar qualquer tipo de formatação. Além disso, a extensão adotada deve ser htm ou html e não txt.
Bom vamos continuar depois de salvo, vamos visualizar seu resultado no seu navegador.
Abra o windows explorer e clique duas vezes consecutivas sobre o arquivos primeiroscript.htm que se encontra na pasta c:\hiper\.
1. Analisando o Programa
A linha 6 informa ao navegador que a linha compreendida entre ela e a linha 8 deve ser interpretada em Javascript
<SCRIPT LANGUAGE ="JAVASCRIPT">
A linha 7 contém o objeto document, seguido do método write(), cuja função é escrever na janela do documento a frase: Este é o meu primeiro script escrito em Javascript, estudando a coluna do hipermasters.com.
document.write("Este é o meu primeiro script escrito em Javascript, estudando a coluna do hipermasters.com")
A linha 8 diz ao navegador para encerrar a seção de interpretação em JavaScript e retornar à interpretação dos próximos comandos para o HTML.
</script>
Fique Ligado - No decorrer das colunas, apenas me preocupei em explicar os comandos relacionados com o JavaScript. Todas as tags pertencentes ao HTML não serão explicadas. Caso tenha dúvidas no uso dessas tags, sugiro que acompanhe a coluna de HTML do Portal.
2. Inserir comentários em um script
É o seguinte os comentários são textos que não são interpretados pelo navegador e, conseqüentemente, não são exibidos na tela de quem está visitando a sua página. Sua função é meramente explicativa permitindo ao programador inserir comentários para sua própria orientação no futuro. Veja como ela é represenada:
<!--....texto do comentário....-->
Vamos entender melhor na prática:
<html>
<head>
<title> Bem Vindo ao JavaScript</title>
</head>
<body>
<SCRIPT LANGUAGE ="JAVASCRIPT">
//Escreve o texto seguinte na tela do navegador;
document.write("Este é o meu primeiro script escrito em Javascript, estudando a coluna do hipermasters.com");
</script>
</body>
</html>
Execute o programa no navegador e veja o resultado
- Analisando o Programa
Observe que a linha 7 não será executada pelo navegador, e a linha do comentários também não. - Tudo que estiver após // não será executado pelo navegador.
Espero que tenham gostado dessa coluna, qualquer dúvida basta mandar um e-mail [email protected], ou através do msn: [email protected].
Fonte: www.hipermasters.com
