JavaScript - Guia de Referência
© 1997 Anderson Barros Torres


Introdução

O que é JavaScript?
JavaScript é uma nova linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades para "incrementar" seu documento HTML com elementos interessantes. Por exemplo, você será capaz de responder facilmente a eventos iniciados pelo usuário. Alguns efeitos que são possíveis agora com JavaScript antes eram possíveis apenas com CGI. Assim você pode criar na verdade sofisticadas páginas com a ajuda do JavaScript. Existem atualmente, muitos exemplos sobre JavaScript na Internet. Para ter uma idéia do potencial desta linguagem, melhor você dar uma olhada em algumas páginas realçadas com JavaScript. Você pode encontrar muitos links em Gamelan => http://www.gamelan.com (na seção JavaScript).

Qual a diferença entre JavaScript e Java?
Apesar dos nomes bem parecidos, Java não é o mesmo que JavaScript! Estas são duas técnicas diferentes de programação na Internet. Java é uma linguagem de programação. JavaScript é uma linguagem de hiper-texto. A diferença é que você realmente pode criar programas em Java. Mas muitas vezes você precisa apenas criar um efeito bonito sem ter que se incomodar com programação. A solução então é JavaScript pois é fácil de entender e usar. Podemos dizer que JavaScript é mais uma extensão do HTML do que uma linguagem de programação propriamente dita. É claro que esta não é uma definição oficial, pois meu pensamento é fazer esta distinção entre Java e JavaScript de maneira fácil para o melhor entendimento de todos. Você pode encontrar mais informações sobre Java e JavaScript em http://www.gamelan.com.

Onde os textos JavaScript podem ser executados?
O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0. É claro que as versões posteriores também trabalham com JavaScript. Você deve saber que Java não funciona no Netscape Navigator 2.0 ou posterior. Mas isso não é verdade para JavaScript - ainda que existam alguns problemas com as diferentes versões diferentes de JavaScript. A versão para o "Mac" parece apresentar muitos bugs.

Em um futuro próximo outros browsers suportarão JavaScript, como já é o caso do Microsoft Internet Explorer 3.0. Deste modo, é importante aprender esta nova técnica o quanto antes. Você pode perceber que é realmente fácil escrever textos em JavaScript. Você tem que conhecer algumas técnicas básicas e algumas funções - pois senão você pode encontrar alguns problemas.

Considerações iniciais
Em documentos HTML, a utilização da linguagem JavaScript, se dá sob a forma de funções (applets), as quais são chamadas em determinadas situações ou em resposta a determinados eventos, estas funções podem estar localizadas em qualquer parte do código HTML, a única restrição é que devem começar com a declaração <SCRIPT> e termina com o respectivo </SCRIPT>, por convenção costuma-se colocar todas as funções no início do documento (estre as TAGs <HEAD> e </HEAD>, isso para garantir que o código JavaScript seja carregado antes que o usuário interaja com a Home Page), ou seja, antes do <BODY>.

Exemplo:

<HTML>
<HEAD>
<TITLE>Exemplo</TITLE>

...

Se houvesse alguma função seria bom declará-la aqui!!!

...

</HEAD>

<BODY>
Esta linha está escrita em HTML
<SCRIPT>document.write("Aqui já é JavaScript");</SCRIPT>
Voltamos para o HTML
</BODY>
</HTML>

Este exemplo mostraria o seguinte:

Esta é uma linha escrita em HTML
Aqui já é JavaScript
Voltamos para o HTML

Este exemplo realmente não é dos mais úteis - poderia ter sido escrito mais facilmente em HTML puro. O objetivo foi apenas demostrar o uso das TAGs <SCRIPT> e </SCRIPT>, tudo que está entre essas TAGs é encarado como JavaScript.

 É importante ressaltar, que como no C++, as linhas sejam terminadas com; (ponto e virgula) a menos que a próxima instrução seja um ELSE e se você precisar escrever mais de uma linha para executar uma condição seja ela em uma estrutura For, If ou While, este bloco de instruções deve estar entre { } (chaves). Inclusive a definição de funções segue este modelo, ou seja, todo o código da função deve estar limitado por { (no início) e } (no final).

E se o browser não possuir suporte a JavaScript?
Um browser que não suporta JavaScript, ele não conhece a TAG <SCRIPT>. Ele ignora a TAG e logicamente tudo todo o código que estiver sendo limitado por ela, mostrando todo o código na tela como se fosse um simples texto HTML. Deste modo o usuário veria o código JavaScript do seu programa dentro do documento HTML e como certamente essa não deve ser sua intenção, existe um meio de esconder o código JavaScript dos browsers que não conhecem esta linguagem, basta utilizar os comentários HTML <!-- e -->. O código do nosso exemplo anterior ficaria assim:

<HTML>
<HEAD>
<TITLE>Exemplo</TITLE>

...

Se houvesse alguma função seria bom declará-la aqui!!!

...

</HEAD>

<BODY>
Esta linha está escrita em HTML
<SCRIPT>

<!-- Esconde o código JavaScript dos browsers mais antigos

document.write("Aqui já é JavaScript");

// -->

</SCRIPT>
Voltamos para o HTML
</BODY>
</HTML>

Se o browser não suportar JavaScript e não inserirmos o comentário HTML, o que apareceria na tela seria:

Esta é uma linha escrita em HTML
document.write("Aqui já é JavaScript");
Voltamos para o HTML

Note que esse artifício não esconde completamente o código JavaScript, o que ele faz é prevenir que o código seja mostrado por browsers mais antigos, porém o usuário tem acesso a todas as informações do código fonte de sua Home Page (tanto HTML, quanto JavaScript), para isso ele só precisa escolher a opção Document Source, no menu View.



Página desenvolvida por Anderson Barros Torres. Julho/97
Última alteração: