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 ? - 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 O princpio simples. Basta respeitar este dois princpios seguintes :

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> <HEAD> <TITLE>Meu primeiro Javascript</TITLE> </HEAD> <BODY> Bla-bla em Html <SCRIPT LANGUAGE="Javascript"> <!-alert("seu texto"); //--> </SCRIPT> Continuao bla-bla em Html </BODY> </HTML> Notao Html normal ... ... ... ... ... Incio do script Esconder o script Script Fim de esconder Fim do script Html normal ... ...

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 tornase 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.