1 / 22

JScript

JScript. Perspectiva histórica Conceitos básicos - exemplos de utilização - comparação crítica Webliografia. http://javascript.internet.com/. http://www.jsworld.com/. http://www.w3.org/. Perspectiva histórica. História da Internet Aparecimento de ‘browser’ (1990) Páginas HTML, estáticas

walter
Télécharger la présentation

JScript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. JScript • Perspectiva histórica • Conceitos básicos- exemplos de utilização- comparação crítica • Webliografia http://javascript.internet.com/ http://www.jsworld.com/ http://www.w3.org/

  2. Perspectiva histórica • História da Internet • Aparecimento de ‘browser’ (1990) • Páginas HTML, estáticas • Necessidade de ‘interacção’

  3. Conceitos básicos (parte I)... www.google.com indica como URL originalwww.maths.tcd.ie/pub/ guide/guide.10.html

  4. Páginas estáticas vs. interactivas

  5. Código embebido em HTML

  6. ‘Aonde’ na página html ? • No cabeçalho (tipicamente)<head> <script language=javascript>function nome(){ ...}</script></head> • A ‘meio’ do código html<script language=javascript>document.write((new Date()).toLocaleString()); </script>

  7. ‘Aonde’ na página html ? • Num ficheiro à parte <script src=‘ficheiro.js’language=‘javascript’></script> 1. Os ficheiros (.htm e .js) são ‘copiados’1); 2. Interpretados e executados pelo browser 1) Do ‘servidor’ para o ‘cliente’

  8. Object-oriented • Uma ‘nova’ forma de organizar a programação (década de 1980) • Relação mais estreita entre as ‘variáveis’ e as ‘funções’ que as manipulam • ‘Objectos’ caracterizados por ‘valores’ e dispondo de ‘procedimentos’ Objecto.propriedade=‘4’ objecto Objecto.função()

  9. Elementos de formulários OQEUF ? • Form xptoxpto.length - nº de componentes do formulárioxpto.elements - tabela de componentes do formulário (índice de 0 a xpto.length-1) • Text textotexto.value - texto digitado na caixa • Checkbox caixacaixa.checked - valor boleano (V/F)caixa.value - valor associado à caixa

  10. Elementos de formulários OQEUF ? • Radio xpto com n posiçõesxpto[i].value - valor do botão ixpto[i].checked - valor boleano (V/F) • Lista listalista.selectedIndex - índice da opção escolhidalista.options - Tabela de opçõeslista.options[i].value - valor da opção Ilista.options[lista.selectedIndex].value - valor da opção escolhida

  11. Navegação - chamada de uma página • Chamada de uma página window.open(‘p.htm’, ‘nome’, width=200, height=400)p.htm - nome do ficheiro htmlnome - Nome (title) da janelawidth, height - dimensão da janela em pixels… outras opções: menubar = false top = … - posição da janela a partir do topo do ecran left = … - posição da janela a partir do lado esquerdo

  12. Navegação - criação de uma página

  13. Case sensitive (X e x são variáveis diferentes) • O tipo de X pode variar ao longo da execução do programa Sintaxe • // comentário até ao fim da linha • /* bloco de comentário */ • declaração de variável: var X = expressão; • o terminador de instruções é ; • Blocos de instruções definidos por {} • Atribuição X = expressão;

  14. Tipos-base1) das variáveis • Lógicos (Boolean)true ou false • Números (Number) • String 1) ou tipos primitivos

  15. Tipos-derivados das variáveis • Arraysvar A = new Array(10);var cor = new Array(“Azul”, “Preto”, “Branco”); • … para invocar:cor[1] = ?cor[1].length = ?cor[1].charAt(2) = ?

  16. operação válida para números e strings Operadores • Aritméticos-, +, *, /, %, ++, -- • comparação ==, <, >, !=, <=, >= • Lógicos&&, ||, !

  17. Declaração de uma função function nome(parâmetros){ // corpo da função return resultado; //opcional}a lista de parâmetros pode ser ()ou(p1, p2, p3) , etc...

  18. Estruturas de controlo switch(expressão){ case c1: ... break; case c2: ... break; default: ...} if (condição){ instruções...} ou if (condição){ caso 1}else{ caso 2}

  19. Estruturas de controlo while(condição){ } oudo{} while(condição); for(i=1; i<10; i++){ ... }

  20. umform - Exemplo de um formulário posis - Exemplo de diferentes formas de invocação soma2n - Exemplo da soma de 2 números triang1 - Classificação de um triângulo triang2 - Classificação de um triângulo - Vs. 2 totobo1 - Chave aleatória ade totobola totobo2 - Chave aleatória de totobola - Vs. 2 fact1 - Cálculo do factorial de um número fibo1 - Fibonacci fibo2 - Outra versão do exemplo anterior ordena - exemplo da ordenação de um vector (alguns) Exemplos

  21. Bom trabalho !

  22. Texto (curto)password DropDown Texto (longo) Checkbox Radio Reset Go !

More Related