front end 3o bimestre.docx

**[1. Strings](#strings) 2** **[2. Teste e Comparação de Valores](#teste-e-compara%C3%A7%C3%A3o-de-valores) 4** **[3. Array](#array) 6** **[4. Loops](#loops) 8** **[5. Objetos Embutidos](#objetos-embutidos) 12** **[6. Trabalhando com Números](#trabalhando-com-n%C3%BAmeros) 13** **[7. Objeto Da...

**[1. Strings](#strings) 2** **[2. Teste e Comparação de Valores](#teste-e-compara%C3%A7%C3%A3o-de-valores) 4** **[3. Array](#array) 6** **[4. Loops](#loops) 8** **[5. Objetos Embutidos](#objetos-embutidos) 12** **[6. Trabalhando com Números](#trabalhando-com-n%C3%BAmeros) 13** **[7. Objeto Date](#objeto-date) 14** **[8. Instrução with](#instru%C3%A7%C3%A3o-with) 16** **[9. Tratadores de Eventos](#tratadores-de-eventos) 16** [Strings] ===================== ### Objeto Strings 1. 2. ### Conversão de String -- toUpperCase( ) e toLowerCase( ) 1. 2. ### Substrings -- substring( ) - - - - - - - 4. ### Obtendo um Único Caractere - charAt( ) - - 5. ### Localizando uma Substring - indexOf( ) - - - - ### Localizando a Última Ocorrência de uma Substring -- lastIndexOf( ) [Teste e Comparação de Valores] =========================================== ### Instrução if/else if (a \> 2) { alert(\"a é maior que 2\"); b=a; } O else (senão) trata o caso contrário, ou seja, se condição for falsa: if (a \> 2) { alert(\"a é maior que 2\"); a = 0; } else alert(\"a é menor ou igual a 2\"); //Será executada se \"a\" não for maior que 2. No caso de várias ações no else, inclua as sentenças entre chaves: if (a \> 2) { alert(\"a é maior que 2\"); a = 0; } else { alert(\"a é menor ou igual a 2\"); a=5; } 1. 2. ### Expressão Condicional Variável = (condição) ? sentença\_verdade : sentença\_falso; ### Instrução switch( ) - - - - - [Array] =================== -- -- -- -- -- -- -- -- -- -- -- -- -- -- ### Criando um Array Numérico - - - - ### Acessando os Elementos do Array - String. ### Criando Arrays Rapidamente - - ### Verificando a Quantidade de Elementos de um Array ### Dividindo uma String e Armazenando-a em um Array -- split( ) - - ### Remontando um Array em uma String -- join( ) - - ### Classificando Elementos de um Array [Loops] =================== ### Loop for - - - - ### Loop while valor = new Array(3,2,4,1,5); i = 0; total = 0; while (total \< 10){ total += valor\[i\]; i++; } document.write(\"Total = \" + total); //Resultado: Total = 10 - - ### Loop do\...while - - 20. ### Loop for\...in 1. 2. 3. 4. - - - 21. **Loops infinitos não são identificados pelo JavaScript, certifique-se de que há uma saída para o seu loop.** ### Escapando de um Loop Infinito ### Desprezando uma Iteração de um Loop [Objetos Embutidos] =============================== resultado = função(informação a ser processada); 1. 2. Objeto Math ----------- ### Propriedades e Funções Matemáticas -- -- -- -- ### Arredondando e Truncando Valores ### -- ----------------------------------------------------- Retorna o próximo valor inteiro maior que o número. -- ----------------------------------------------------- ### Criando Números Pseudo-Aleatórios -- -- -- -- 1. 2. 6. [Trabalhando com Números] ===================================== 4. ### Criando um objeto Number -- -- -- -- 1. 2. ### Verificando se o conteúdo de uma variável é numérico -- -- -- -- ### Fixando o Número de Algarismos após a Casa Decimal -- -- -- -- ### Convertendo um número em String -- -- -- -- 1. 2. 3. [Objeto Date] ========================= ### Criando um Objeto Date ### Alterando Valores de Datas -- -- -- -- ### Obtendo Valores de Datas -- -- -- -- [Instrução with] ============================ [Tratadores de Eventos] =================================== Neste capítulo você aprenderá a utilizar uma ampla variedade de *handlers* (tratadores) de eventos suportados pelo *JavaScript*. Em vez de executar na ordem da codificação, os *scripts* que utilizam *handlers* de evento podem ser executados a partir da ação do usuário. Esses eventos são aqueles que o usuário pode gerar através do mouse, teclado e outros eventos especializados. Você adiciona um atributo de *handler* de evento em uma *tag* de HTML (botão, link, janela, imagem etc.) e insere o *script* em *Javascript* entre aspas, os *scripts* são executados da ação do evento. Respondendo a Eventos --------------------- ### onClick ### onDblClick O evento ocorre quando o usuário dá um clique duplo sobre algum elemento do documento. \ \ O tratamento que será dado como resposta ao evento deve ser digitado entre aspas. Neste exemplo utilizamos uma caixa de alerta, o seu conteúdo deve vir entre apóstrofes e não aspas para não finalizar incorretamente o tratador de eventos. ### onMouseDown ### onMouseUp ### onMouseOver ### onMouseOut ### onMouseMove ### onLoad ### onUnLoad ### onHelp ### onStop ### onContextMenu ### onAbort ### onError ### onKeyDown ### onKeyUp ### onKeyPress ### onResize Objeto event ------------ O event é um objeto especial que é enviado para um handler de evento à cada ocorrência. O handler de evento recebe esse objeto como um parâmetro. As propriedades do objeto event oferecem mais informações sobre o evento que ocorreu. As propriedade disponíveis são: - - - - modifiers Lista de chaves de modificador que foram pressionadas durante um evento de teclado ou de mouse (como Alt, Ctrl e Shift). - x e y Posição x e y do mouse quando ocorreu o evento, medida a partir do canto superior esquerdo da página. - -