Você está na página 1de 3

O Javascript simples

A tag <SCRIPT>
Como j foi visto o Javascript insere-se numa pgina Web.
A linguagem Html utiliza as tags para "dizer" ao browser para inserir uma poro de texto em
negrito, em itlico, etc.
Na lgica da linguagem Html, ento necessrio assinalar ao browser atravs de um tag que o
texto que segue script e que Javascript (e no VBScript). a tag:

<SCRIPT LANGUAGE="Javascript">.

Tambm necessrio informar o browser do fim do script.


a tag:

</SCRIPT>.
Comentrios
Ser por vez til incluir comentrios pessoais no seu cdigo Javascript.
mesmo vivamente recomendado como para todas as linguagens de programao. Javascript
utiliza as convenes utilizadas em C e C++ seja:

// comentrio

Tudo o que est escrito entre o // e o fim da linha ser ignorado.

Tambm possvel incluir comentrios em diversas linhas com o cdigo:

/* comentrio em
diversas linhas */

No confundir os comentrios Javascript e os comentrios Html (<!-- ...-->).


Esconder o script para os antigos browsers
Os browsers que no compreendem o Javascript (e ainda existem) ignoram a tag <script> e vo
inserir o cdigo do script na pgina sem poder o executar. Para evitar o aparecimento pouco
esttico das inscries do cdigo, utiliza-se as tags de comentrio da linguagem Html <!-- ... -->.
O Javascript ir parecer assim:

<SCRIPT LANGUAGE="javascript">
<!--Esconder o script para os antigos browsers
...
programa Javascript
...
// Cessem de esconder o script -->
</SCRIPT>
Onde incluir o cdigo em Javascript ?
O princpio simples. Basta respeitar este dois princpios seguintes :

- em qualquer site
- mas onde necessrio

O browser trata a pgina Html de cima para baixo.


Por consequncia, todas as instrues s podero ser executadas se o browser possuir neste
preciso momento todos os elementos necessrios para sua execuo. Estes elementos devem ser
declarados antes da instruo.

Para assegurar que o programa script carregado na pgina e pronta a funcionar a todas as
intervenes do usurio, aqui tomaremos por hbito de declarar sistematicamente (sempre que for
possvel) um mximo de elementos nas tags de cabealho seja entre <HEAD> e </HEAD> e antes
da tag <BODY>. Ser o caso por exemplo para as funes.

Nada probe de se inserir vrios scripts na mesma pgina Html.

preciso notar que a utilizao da tag script no sempre obrigatrio. Ser o caso dos eventos
Javascript (por exemplo "onClick") onde se tem simplesmente que inserir o cdigo no interior do
comando Html como um atributo desta. O evento ir chamar a funo Javascript quando o comando
Html ser ativado. Pode-se dizer que o Javascript funciona como uma extenso da linguagem Html.
Uma primeira instruo Javascript
Sem entrar verdadeiramente com detalhes, vejamos uma primeira instruo Javascript (um mtodo
do objeto window) seja a instruo alert().

alert("seu texto");

Esta instruo insere uma mensagem numa caixa de dilogo munida com um boto OK. Para
continuar na pgina o usurio dever clicar neste boto.

Repare os pontos-e-virgulas no fim de cada instruo Javascript, o Javascript mais flexvel do que
as outras linguagens e geralmente no d mensagem de erro caso faltem. Podemos considerar que
o ponto-e-virgula opcional e s obrigatrio quando escreve-se vrias instrues na mesma linha.
Primeira pgina Html com Javascript
<HTML> Html normal
<HEAD> ...
<TITLE>Meu primeiro Javascript</TITLE> ...
</HEAD> ...
<BODY> ...
Bla-bla em Html ...
<SCRIPT LANGUAGE="Javascript"> Incio do script
<!-- Esconder o script
alert("seu texto"); Script
//--> Fim de esconder
</SCRIPT> Fim do script
Continuao bla-bla em Html Html normal
</BODY> ...
</HTML> ...
Notao
Javascript case sensitive. Assim ser necessrio escrever alert() e no Alert(). Para a escrita das
instrues Javascript, utilizaremos o alfabeto ASCII clssico (128 caracteres) como em Html. Os
caracteres acentuados como "" ou "" s podem ser utilizados nos textos tipo "nosso texto" do
nosso exemplo.
As aspas " e o apstrofo ' fazem parte da linguagem do Javascript. Pode-se utilizar uma ou outra
forma na condio de no as misturar. Assim alert("...') dar uma mensagem de erro.

Para browser que suportem o Javascript 1.0


Verses da linguagem Javascript
Nas diferentes verses existentes (Javascript 1.0, Javascript 1.1 et Javascript 1.2), podemos
imaginar scripts adaptados as diferentes verses mas sobretudo aos diferentes browsers;

<SCRIPT LANGUAGE="Javascript">
// programa para Netscape 2 e Explorer 3
var version="1.0";
</SCRIPT>

<SCRIPT LANGUAGE="Javascript1.1">
// programa para Netscape 3 e Explorer 4
var version=1.1;
</SCRIPT>

<SCRIPT LANGUAGE="Javascript1.2">
// programa para Netscape 4 e Explorer 5
var version=1.2;
</SCRIPT>
Extenso .js para scripts externos
possvel utilizar arquivos externos para os programas Javascript. Podemos assim guardar os
scripts dentro de arquivos distintos (com a extenso .js) e as chamar a partir de um arquivo Html. O
programador pode, desta maneira, constituir uma biblioteca de script e as chamar na maneira dos
#include do C ou C++.
Alert() ...vermelha
Aquela simples janelinha em Javascript que criamos utilizada para chamar ateno do usurio
para coisas mais importantes. O Javascript pe a sua disposio a possibilidade de criar novas
janelas com a dimenso desejada que aparecem um pouco como as Popups dos arquivos de ajuda.
Que iremos estudar mais a frente em o objeto Window.

Alert() um mtodo do objeto Window. Para se conformar notao clssica


nome_do_objeto.nome_da_propriedade, poderamos ter escrito window.alert(). Sendo window
sempre o primeiro objeto Javascript, este automaticamente interpretado pelo browser assim torna-
se facultativo sua incluso ou no.

Para que o texto da janela alert() aparea em vrias linhas, ser necessrio utilizar o caractere
especial /n para criar uma nova linha.

Você também pode gostar