Você está na página 1de 56

UNIBRATEC Ensino Superior e Tcnico em Informtica

Ferramentas para Web I

Micheline Carvalho Barroso

UNIBRATEC Ensino Superior e Tcnico em Informtica

Ferramentas para Web I

Javascript

Profa. Micheline Carvalho Barroso micheline.barroso@gmail.com


2 Captulo 4 - Javascript

Ferramentas para Web I

O que Javascript?

De que formada Javascript?


Core Javascript O ncleo da linguagem formado por: palavras-chave; declaraes; operadores; variveis; literais; expresses; objetos pr-definidos; funes pr-definidas; Client-side Javascript Acrescenta, ao ncleo da linguagem, objetos para controlar o navegador e o seu DOM (Document Object Model), permitindo inserir comandos javascript entre tags HTML e responder a eventos que ocorrem na pgina; Server-side Javascript Acrescenta, ao ncleo da linguagem, objetos que permitem realizar tarefas tpicas do servidor (acesso a banco de dados, manuteno de sesses do usurio, entre outras).

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

O que Javascript?

uma linguagem baseada em objetos:


linguagem orientada a objetos com um conjunto de objetos j embutidos.

uma linguagem dirigida por eventos:


projetada para reagir quando um evento ocorre.

uma linguagem segura:


projetada para manipular e apresentar informaes atravs do navegador, mas no pode recuperar informaes de outro arquivo ou salvar dados em um servidor Web, ou no computador do usurio.

uma linguagem independente de plataforma:


depende apenas do navegador que a interpreta.

Javascript passada ao navegador como texto e interpretada. Javascript usa tipagem fraca e ligao dinmica.
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Particularidades e Limitaes

Por que usar Javascript ?


Javascript importante para desenvolvedores de pginas Web que desejam estender a capacidade de seus documentos HTML, tornando-os dinmicos.

Limitaes de Navegadores
Como o cdigo Javascript executado no cliente (navegador), seu interpretador deve ser implementado dentro do navegador; A maioria dos navegadores disponveis no mercado do suporte Javascript.

Limitaes de Plataformas
Embora Javascript rode em todas as plataformas para as quais navegadores compatveis existem, nem todas as funes de Javascript rodaro do mesmo modo em plataformas distintas.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Particularidades e Limitaes

Limitaes de Segurana
Javascript foi projetada para ser segura com respeito Web: Ela no pode abrir, ler, gravar ou salvar arquivos no computador do usurio; Ela no pode abrir, ler, gravar ou salvar arquivos no servidor Web. Javascript uma linguagem segura e no consegue interagir diretamente com nada no computador do usurio fora da pgina Web que est sendo exibida.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Incorporando Javascript em HTML

Javascript pode ser incorporado a um arquivo HTML:


Especificando comandos Javascript diretamente entre a tag <script>..</script>; Especificando o caminho (URL) para um arquivo Javascript dentro da tag <script>; Associando comandos Javascript a manipuladores de eventos.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Incorporando Javascript em HTML

Elemento <script>
<script>...</script> - atributos: language, type, src; utilizado para indentificar cdigo Javascript. pode ser posicionado dentro dos elementos <head>, <body>, ou ambos. pode ser incorporado vrias vezes dentro de um documento. scripts declarados dentro do elemento <head> so carregados antes do resto da pgina. scripts declarados dentro do elemento <body> permitem a criao dinmica de partes do documento. Atributo language - identifica a linguagem de script utilizada. Atributo type - identifica o tipo do contedo referenciado na tag (text/javascript). Atributo src permite especificar a URL (relativa ou absoluta) do arquivo com comandos Javascript (extenso .js).

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Incorporando Javascript em HTML

Sintaxe
//Inserindo cdigo diretamente na pgina <script language=Javascript type=text/javascript> //cdigo Javascript </script> //Inserindo cdigo atravs de um arquivo externo <script src=codigo_javscript.js type=text/javascript></script>

//Inserindo cdigo em manipuladores de eventos <body onload=window.alert(bom dia!)>

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Incorporando Javascript em HTML

Criando o primeiro script


<html> <head> <script language=Javascript type=text/javascript> document.write(Bom dia!); </script> </head> <body> </body> </html>

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Incorporando Javascript em HTML

Criando o segundo script


<html> <head> <script language=Javascript type=text/javascript> var nome; nome = window.prompt(Digite o seu nome:); document.write(Bom dia, + nome + !); </script> </head> <body> </body> </html>

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Valores e Variveis

Javascript reconhece os seguintes tipos de valores:


Nmeros (Ex.: 2, 3.33, -100); Strings (Ex.: aula, aula); Booleanos (true e false); null; undefined.

Converso de tipos de dados


Javascript uma linguagem de tipagem dinmica: no preciso associar um tipo varivel quando esta for declarada. Os tipos de dados so convertidos dinamicamente, quando necessrio. var qualquer = 3.5 qualquer = aula de javascript x = a resposta + 42 // retorna A resposta 42 37 - 7 // retorna 30 37 + 7 // retorna 377
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Valores e Variveis

Nomes de identificadores (variveis/funes)


Os nomes de identificadores devem iniciar com uma letra ou com underscore (_). Os caracteres seguintes podem ser letras, dgitos ou o caracter underscore. Javascript case-sensitive. No permitido utilizar, como nome de identificador, alguma das palavras reservadas de Javascript.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Valores e Variveis

Declarao de variveis
O uso de var opcional para declarar variveis globais, mas obrigatrio para declarar variveis locais. Variveis Locais: so definidas dentro do corpo de uma funo; so vlidas apenas dentro do corpo da funo onde foram definidas (escopo limitado).

function adiciona(valor){ var a = valor + 10; ... } function subtrai(valor){ var b = valor - 10; ... }
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Valores e Variveis

Declarao de variveis
Variveis Globais: so definidas fora de todos os corpos de funes de um arquivo Javascript; so vlidas dentro de qualquer funo do arquivo. var total = 0; function adiciona(valor){ var a = valor + 10; total = total + a; } function subtrai(valor){ var b = valor - 10; total = total - b; }

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Valores e Variveis

Caracteres especiais Caracter \b \f \n \r \t \ \ \\ Significado Backspace Alimentao de Nova linha formulrio Retorno de carro Tab Aspa simples Aspa dupla Barra invertida

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Expresses
Expresso um conjunto de literais (constantes), variveis e operadores que, avaliados, resultam em um nico valor (nmero, string ou booleano).

Tipos de Expresses
Expresses aritmticas: resultam em um nmero; Expresses de string: resultam em uma sequncia de caracteres (string); Expresses lgicas: resultam em true ou false.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores
Operadores so smbolos especiais que controlam como uma expresso deve ser avaliada.

Tipos de Operadores
Operador binrio: exige dois operandos; Operador unrio: exige apenas um operando (antes ou depois do operador).

Os operadores podem, ainda, ser classificados de acordo com o tipo de operandos que manipulam:

#

Operadores aritmticos; Operadores de comparao; Operadores de string; Operadores lgicos; Operadores bit a bit; Operadores de atribuio; Operadores especiais.
Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores aritmticos
Operadores aritmticos constroem expresses aritmticas. Recebem e retornam nmeros. Operadores aritmticos em Javascript: + Soma Subtrao * Multiplicao / Diviso % Mdulo ++ Incremento (s funciona com variveis) -Decremento (s funciona com variveis) Negao unria

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores de comparao
Um operador de comparao compara seus operandos e retorna um valor booleano. Os operandos podem ser nmeros ou strings. Operadores de comparao em Javascript: == Igual != Diferente de > Maior que < Menor que >= Maior ou igual a <= Menor ou igual a

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores de string
O operador de string, +, serve para concatenar strings. Recebe e retorna strings. Ex.: string1 + string2 = string1string2

Operadores lgicos
Os operadores lgicos retornam valores booleanos. Operadores lgicos em Javascript: && E (AND) || OU (OR) ! NO (NOT)

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores bit a bit


Os operadores bit a bit servem para manipular um nmero a nvel de bit. Operadores bit a bit em Javascript: & E (AND) | OU (OR) ^ OU Exclusivo (XOR) ~ NO (NOT) << Deslocamento esquerda >> Deslocamento direita >>> Desl. direita com preenchimento de zeros

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores de atribuio
Operadores de atribuio em Javascript: x += y significa x=x+y x-=y significa x=x-y x *= y significa x=x*y x /= y significa x=x/y x %= y significa x=x%y x <<= y significa x = x << y x >>= y significa x = x >> y x >>>= y significa x = x >>> y x &= y significa x=x&y x ^= y significa x=x^y x |= y significa x=x|y

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Operadores especiais
Operador ?: : escolhe uma entre duas opes baseado na condio. condio ? valor 1 : valor 2 Operador new: utilizado para criar uma nova instncia de um tipo de objeto. nomeObjeto = new tipoObjeto ( param1 [,param2] ...[,paramN] ) Operador this: refere-se ao objeto em uso. this[.nomePropriedade] Operador typeof: retorna uma string indicando o tipo do operando. typeof operando typeof (operando)

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Operadores e Expresses

Precedncia de Operadores:

#

Chamadas e membros ( ( ) e [ ] ); Negao, incremento e decremento (!, ~, -, ++, --, typeof); Multiplicao e diviso (*, / e %); Adio e subtrao (+ e -); Deslocamentos (<<, >> e >>>); Relacionais (<, <=, > e >=); Igualdade (= = e !=); E bit a bit (&); OU Exclusivo bit e bit (^); OU bit a bit ( | ); E Lgico (&&); OU Lgico ( || ); ?: Atribuio.
Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declarao uma seqncia de palavras-chave, operadores, operandos e/ou expresses terminados por um ponto-e-vrgula. Tipos de Declaraes
Comandos; Declaraes Condicionais; Declaraes de Lao, Declaraes de Manipulao de Objetos.

Comandos
Declarao de variveis: var. Ex.: var i; var i = 10; var i, j, l; Comentrio em uma nica linha: //; Comentrio em mais de uma linha: /* (incio) e */ (fim).
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes condicionais
As declaraes condicionais de Javascript usam as palavraschave if..else e switch. Sintaxe de if..else: if (condio) { // faz algo se a condio for verdadeira } else { // faz algo se a condio for falsa } As chaves ( { } ) definem um bloco de declaraes que so tratadas e executadas como uma unidade.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes condicionais
Sintaxe de switch: switch (expresso) { case label 1: declarao 1; break; case label 2: declarao 2; break; ... default: declarao; }

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de lao
As declaraes de lao de Javascript usam as palavras-chave for, while e do..while. Sintaxe de for: for ([inicializao]; [condio]; [incremento]) { declarao 1; ... declarao n; } Na declarao for, pode-se omitir as partes de inicializao, condio e incremento, contanto que o ponto-e-vrgula permanea.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de lao
Sintaxe de while: while (condio) { declarao 1; ... declarao n; } Sintaxe de do..while: do { declarao 1; ... declarao n; } while (condio);
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de lao
Controlando laos atravs de break e continue Declarao break: cancela a execuo dos laos for, while e do..while, passando o controle para a prxima instruo fora do lao. Declarao continue: em um lao for, ela cancela a execuo, passando o controle para a prxima iterao; em um lao while ou do..while, ela cancela a execuo, voltando condio.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de manipulao de objetos


As declaraes de manipulao de objetos em Javascript usam as palavras-chave for..in e with. Declarao for..in Repete uma varivel sobre todas as propriedades de um objeto; Este um tipo especial de declarao de lao que varre todas as propriedades de um objeto; Sintaxe: for (propriedade in objeto) { declaraes } Utilizada para visualizar as propriedades de objetos Javascript ou daqueles criados pela aplicao.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de manipulao de objetos


Exemplo:

<html> <head><title>Javascript</title></head> <body> <h3>Propriedades do Documento</h3> <hr /> <script language=Javascript type=text/javascript> for (propriedade in document) document.write(propriedade + "<br>"); </script> </body> </html>
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Declaraes

Declaraes de manipulao de objetos


Declarao with Determina um objeto padro para uma srie de comandos. Sintaxe: with (objeto) { declaraes } Exemplo: with (document){ fgColor = #000000; bgColor = #FFFFFF; }

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Funes

Palavra-chave function
Uma funo um conjunto de declaraes que executam uma tarefa especfica. Sintaxe: function nomeFuno([param 1, .., param n]) { declarao 1; ... declarao n; } As funes devem ser definidas no cabealho da pgina (entre <head> e </head>) para garantir que sero carregadas antes que qualquer referncia lhes seja feita no corpo da pgina.

Declarao return
Utilizada, dentro do corpo de uma funo, para retornar um valor, ou para cancelar imediatamente a sua execuo.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Funes

Algumas funes pr-definidas


isNaN(valor) - recebe um parmetro e determina se ele ou no um nmero. Caso ele seja um nmero, retorna o valor false. Se no for, retorna true. parseInt(string, base) converte string para nmero, na base recebida como parmetro. Exemplo: parseInt(45, 10);
Resultado = nmero 45 na base decimal

parseFloat(string) converte string para nmero no formato ponto flutuante. Exemplo: parseFloat(3.14); parseFloat(314e-2); parseFloat(0.0314E+2); var x = 3.14; parseFloat(x);
Resultado = nmero 3.14
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos do Core Javascript

Alguns objetos do Core Javascript


Objeto Array Criao de um objeto Array nome_do_array = new Array (10) Acessando elementos nome_do_array[x] Objeto Date Criao de um objeto Date nome_do_objeto = new Date (parmetros) Exemplo: x = new Date(October 01, 2001 08:00:00);

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos do Core Javascript

Alguns objetos do Core Javascript


Objeto String (propriedade e mtodos) length Sintaxe: string.length indexOf( ) Sintaxe: string.indexOf(caracter_procurado, posio_inicial_de_busca) charAt( ) Sintaxe: string.charAt(posio) toUpperCase( ) Sintaxe: string.toUpperCase( ) toLowerCase( ) Sintaxe: string.toLowerCase( ) substring( ) Sintaxe: string.substring(ndiceA,ndiceB)

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Javascript uma linguagem dirigida por eventos: os eventos so utilizados para para controlar a interao do usurio com o aplicativo. Manipuladores de eventos
Capturam ocorrncia de eventos; Comeam com On; O valor associado ao manipulador pode ser uma sequncia de declaraes Javascript, ou uma chamada de funo Javascript.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: Abort


Aplicao: imagens. Ocorrncia: usurio interrompe o carregamento de uma imagem, clicando em um link ou no boto parar do navegador. Manipulador: onAbort

Evento: Blur
Aplicao: janelas e elementos do formulrio. Ocorrncia: usurio remove o foco da janela ou do elemento do formulrio. Manipulador: onBlur

Evento: Change
Aplicao: campos de texto, reas de texto e caixas de seleo. Ocorrncia: usurio modifica o valor dos elementos. Manipulador: onChange

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: Click


Aplicao: botes (comum, submit reset), campos radio, campos checkbox e links. Ocorrncia: usurio clica no elemento do formulrio ou no link. Manipulador: onClick

Evento: DragDrop
Aplicao: janelas. Ocorrncia: usurio solta um objeto dentro da janela. Manipulador: onDragDrop

Evento: Error
Aplicao: imagens e janelas. Ocorrncia: a carga de uma imagem ou documento provoca um erro. Manipulador: onError
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: Focus


Aplicao: janelas e elementos do formulrio. Ocorrncia: usurio coloca o foco na janela ou no elemento do formulrio. Manipulador: onFocus

Evento: KeyDown
Aplicao: documentos, imagens, links e reas de texto. Ocorrncia: usurio pressiona uma tecla. Manipulador: onKeyDown

Evento: KeyPress
Aplicao: documentos, imagens, links e reas de texto. Ocorrncia: usurio mantm uma tecla pressionada. Manipulador: onKeyPress
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: KeyUp


Aplicao: documentos, imagens, links e reas de texto. Ocorrncia: usurio libera uma tecla. Manipulador: onKeyUp

Evento: Load
Aplicao: corpo do documento. Ocorrncia: documento carregado no navegador. Manipulador: onLoad

Evento: MouseDown
Aplicao: documentos, botes e links. Ocorrncia: usurio pressiona boto do mouse. Manipulador: onMouseDown

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: MouseMove


Aplicao: nenhum elemento associado. Ocorrncia: usurio move o cursor do mouse. Manipulador: onMouseMove

Evento: MouseOut
Aplicao: links. Ocorrncia: usurio retira o cursor do link. Manipulador: onMouseOut

Evento: MouseOver
Aplicao: links. Ocorrncia: usurio move o cursor sobre o link. Manipulador: onMouseDown

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: MouseUp


Aplicao: documentos, botes e links. Ocorrncia: usurio libera o boto do mouse. Manipulador: onMouseUp

Evento: Move
Aplicao: janelas. Ocorrncia: usurio, ou script, move uma janela. Manipulador: onMove

Evento: Reset
Aplicao: formulrios. Ocorrncia: usurio limpa o formulrio (clica no boto reset). Manipulador: onReset

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: Resize


Aplicao: janelas. Ocorrncia: usurio, ou script, redimensiona uma janela. Manipulador: onResize

Evento: Select
Aplicao: campos de texto e reas de texto. Ocorrncia: usurio seleciona contedo dos campos formulrios. Manipulador: onSelect de

Evento: Submit
Aplicao: formulrios. Ocorrncia: usurio envia o formulrio (clica no boto submit). Manipulador: onSubmit
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Eventos Evento: Unload


Aplicao: corpo do documento. Ocorrncia: usurio abandona a pgina. Manipulador: onUnload

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos

Navegador

Janela

Localizao

Documento

Histrico

Link

ncora

Formulrio

(text, textarea, password, checkbox, radio, select, button, reset, submit)

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Hierarquia
No navegador, os objetos seguem a mesma estrutura hierrquica da pgina HTML: de acordo com essa hierarquia, os descendentes dos objetos so propriedades desses objetos. Quando uma pgina carregada no navegador, ele cria um nmero de objetos de acordo com o contedo da pgina. Os seguintes objetos so sempre criados, independentemente do contedo da pgina: window, location, history e document.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos A Natureza OO de HTML


Javascript considera HTML uma linguagem orientada a objetos, na qual os diversos tags HTML correspondem a diferentes tipos de objetos Javascript. <html> <head><title>Minha pagina</title></head> <body> <form name=formulario1> <input type=button name=botao1 /> </form> </body> </html>

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto navigator


Propriedades: appName, appVersion, appCodeName, userAgent. Propriedade appName: retorna o nome do navegador do usurio.
navigator.appName = Microsoft Internet Explorer

Propriedade appVersion: retorna a verso do navegador e a verso do sistema operacional em que ele est rodando. [formato: nmero da verso (plataforma; pas)]
navigator.appVersion = 4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)

Propriedade appCodeName: retorna o nome do cdigo de desenvolvimento interno do desenvolvedor de um navegador especfico.
navigator.appCodeName = Mozilla

Propriedade userAgent: usada em cabealhos HTTP para fins de identificao, a combinao das propriedades appCodeName e appVersion.
navigator.userAgent=Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto location


Utilizado para identificar o documento corrente. Consiste em uma URL completa no formato protocolo//servidor:porta/caminho seguidos de ?search ou #hash. Propriedades: href, protocol, hostname, port, pathname, search, hash. Propriedade protocol: retorna o protocolo de transporte do documento.
location.protocol = http:

Propriedade search: retorna quaisquer comandos de consulta que possam estar embutidos na URL corrente. Valores de search so separados do resto da URL por um sinal de interrogao (?).
location.search = nome=Joao

Propriedade hash: retorna quaisquer ncoras que possam ter sido passadas na URL. Valores de hash so separados do resto da URL por um sinal de cerquilha (#).
location.hash = capitulo1

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto checkbox


Utilizado na construo de caixas de verificao. Propriedades: name, value, checked, defaultChecked. Propriedade name: especifica o nome da caixa. Propriedade value: especifica o valor da caixa. Propriedade checked: valor booleano que especifica o estado de seleo da caixa (selecionada ou no-selecionada). Propriedade defaultChecked: valor booleano que especifica o estado default de seleo da caixa.

Objeto radio
Corresponde a um array de botes, onde todos os botes compartilham a mesma propriedade name. Propriedades: name, checked, defaultChecked, length. Propriedade name: especifica o nome do objeto. Propriedade checked e defaultChecked: funcionamento idntico ao definido em checkbox. Propriedade length: especifica o comprimento do array.
# Captulo 1 Conceitos Bsicos Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto hidden


Utilizado para enviar informaes quando o formulrio submetido (este objeto no visualizado na pgina). Propriedades: name, value. Propriedade name: especifica o nome do objeto. Propriedade value: especifica a informao que est sendo passada.

Objeto text
Utilizado para entrada/sada de dados. Propriedades: name, value, defaultValue. Propriedade name: especifica o nome do objeto. Propriedade value: especifica o valor do objeto. Propriedade defaultValue: especifica o valor default do objeto.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto textarea


Utilizado para entrada/sada de dados. Propriedades: name, value, defaultValue.

Objeto select
Utilizado para construir caixas de seleo. Propriedades: name, options, length. Propriedade name: especifica o nome do objeto. Propriedade options: array que contm uma entrada para cada opo de uma caixa de seleo. Propriedade length: especifica o comprimento do array de opes.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Ferramentas para Web I

Objetos Objeto reset


Utilizado para limpar dados de um formulrio. Propriedades: name, value. Propriedade name: especifica o nome do boto. Propriedade value: especifica o ttulo colocado na face do boto.

Objeto submit
Utilizado para interfacear Javascript e outros scripts/programas. Propriedades: name, value.

Objeto button
Utilizado na construo de interfaces. Propriedades: name, value.

Captulo 1 Conceitos Bsicos

Sexta-feira, 3 de Fevereiro de 2006

Você também pode gostar