Environment

Apostila java Script

Description
Apostila java Script
Categories
Published
of 48
5
Categories
Published
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Share
Transcript
  Apostila de JavaScript Apostila de JavaScript  (Curso Básico) (Curso Básico)  Versão 0.01Versão 0.01 09 de abril de 2005 09 de abril de 2005  Prof. Luís Rodrigo de O. GonçalvesProf. Luís Rodrigo de O. Gonçalves E-mail:luisrodrigoog@yahoo.com.brSite: http://www.lrodrigo.cjb.net OBS: esta apostila foi montada com trechos retirados de vários sites da internet. Apostila de JavaScript – versão 0.01 – Página 1 de 48   ÍndiceÍndice 1.) Introdução.........................................................................................................................31.1) Considerações iniciais...........................................................................................31.2) Variáveis.................................................................................................................51.3) Operadores............................................................................................................61.3.5) Operadores lógicos.............................................................................................82) Objetos...............................................................................................................................92.1) Criando Objetos.....................................................................................................93) Comandos.......................................................................................................................113.1) VAR......................................................................................................................113.2) with.......................................................................................................................123.3) Break....................................................................................................................123.4) Continue...............................................................................................................133.5) Funções................................................................................................................133.6) Comentários.........................................................................................................143.7) Estruturas de Controle.........................................................................................154) Funções internas.............................................................................................................185) Objetos JavaScript...........................................................................................................205.1) Select ..................................................................................................................235.2) Button ..................................................................................................................255.3) Navigator .............................................................................................................265.4) Form ....................................................................................................................275.5) CheckBox ............................................................................................................305.6) Document ............................................................................................................325.7) Date .....................................................................................................................355.8) History .................................................................................................................395.9) Window ................................................................................................................405.10) Reset .................................................................................................................425.11) Link.....................................................................................................................446.) Palavras reservadas ......................................................................................................467.) Tabela de cores .............................................................................................................478) Referências......................................................................................................................48 Apostila de JavaScript – versão 0.01 – Página 2 de 48   1.) Introdução  JavaScript é uma linguagem para auxilio na criação de Home-Pages, as funções escritas emJavaScript podem ser embutidas dentro de seu documento HTML, possibilitando o incremento dasfuncionalidades do seu documento HTML com elementos interessantes. Sendo possivel: responderfacilmente a eventos iniciados pelo usuário, incluir efeitos que tornem sua página dinâmica. Logo, podemoscriar sofisticadas páginas com a ajuda desta linguagem. Apesar dos nomes bem parecidos, Java não é o mesmo que JavaScript. Estas são duas técnicasdiferentes de programação na Internet. Java é uma linguagem de programação. JavaScript é uma linguagemde 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 deprogramação propriamente dita. O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0, masa versão para o "Mac" parece apresentar muitos bugs. 1.1) 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 devemcomeçar com a declaração <SCRIPT> e termina com o respectivo </SCRIPT>, por convenção costuma-secolocar todas as funções no início do documento (estre as TAGs <HEAD> e </HEAD>, isso para garantirque 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> Apostila de JavaScript – versão 0.01 – Página 3 de 48    document.write("Aqui já é JavaScript"); </SCRIPT> Voltamos para o HTML </BODY></HTML> É importante ressaltar que todas as linhas devem ser terminadas com; (ponto e virgula) a menosque a próxima instrução seja um “else” e se você precisar escrever mais de uma linha para executar umacondiçã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 estarlimitado por { (no início) e } (no final). Um browser que não suporta JavaScript, ele não conhece a TAG <SCRIPT>. Ele ignora a TAG elogicamente tudo todo o código que estiver sendo limitado por ela, mostrando todo o código na tela como sefosse um simples texto HTML. Deste modo o usuário veria o código JavaScript do seu programa dentro dodocumento HTML e como certamente essa não deve ser sua intenção, existe um meio de esconder ocó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> Apostila de JavaScript – versão 0.01 – Página 4 de 48   Se o browser não suportar JavaScript e não inserirmos o comentário HTML, o que apareceria na telaseria: Esta é uma linha escrita em HTMLdocument.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 é prevenirque o código seja mostrado por browsers mais antigos, porém o usuário tem acesso a todas as informaçõesdo código fonte de sua Home Page (tanto HTML, quanto JavaScript). 1.2) Variáveis  Em JavaScript, variáveis dinâmicas podem ser criadas e inicializadas sem declarações formais.Existem dois tipos de abrangência para as variáveis:   “Global”   - Declaradas/criadas fora de uma função. As variáveis globais podem ser acessadas emqualquer parte do programa.   “Local”   - Declaradas/criadas dentro de uma função. Só podem ser utilizadas dentro da funçãoonde foram criadas e precisa ser definida com a instrução Var. Com relação à nomenclatura, as variáveis devem começar por uma letra ou pelo caracteresublinhado “  _”  , o restante da definição do nome pode conter qualquer letra ou número. É importante ressaltar que a variável “Código”   é diferente da variável “código”  , que por sua vez édiferente de “CODIGO”  , sendo assim, muito cuidado quando for definir o nome das variáveis, utilize sempreum mesmo padrão. Existem três tipos de variáveis: Numéricas  , Booleanas   e Strings  . Como já era de se esperar, as variáveis numéricas são assim chamadas, pois armazenam números,as Booleanas valores lógicos (True/False) e as Strings, seqüência de caracteres. As strings podem serdelimitadas por aspas simples ou duplas, a única restrição é que se a delimitação começar com as aspassimples, deve terminar com aspas simples, da mesma forma para as aspas duplas. Podem ser incluídosdentro de uma string alguns caracteres especiais, a saber: \t   - posiciona o texto a seguir, na próxima tabulação; \n   - passa para outra linha; \f   - form feed; \b   - back space; \r   - carrige return. O JavaScript reconhece ainda um outro tipo de contudo em variáveis, que é o NULL . Na prática issoé utilizado para a manipulação de variáveis não inicializadas sem que ocorra um erro no seu programa.Quando uma variável possui o valor NULL , significa dizer que ela possui um valor desconhecido ou nulo. Arepresentação literal para NULL  é a string 'null'   sem os delimitadores. Quando referenciado por uma funçãoou comando de tela, será assim que NULL  será representado. Observe que NULL  é uma palavra reservada. Apostila de JavaScript – versão 0.01 – Página 5 de 48 
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks
SAVE OUR EARTH

We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

More details...

Sign Now!

We are very appreciated for your Prompt Action!

x