Curso de Programação em Javascript e HTML
204 pág.

Curso de Programação em Javascript e HTML


DisciplinaProgramação I20.659 materiais240.209 seguidores
Pré-visualização40 páginas
de um Array (strings)
<html>
<head>
<title></title>
</head>
<body>
<!--
 var fruta = new Array(&quot;Laranja&quot;,&quot;Banana&quot;,&quot;Morango&quot;,&quot;Abacaxi&quot;,&quot;Maçã&quot;,&quot;Kiwi&quot;)
// -->
 <table>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 77
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
 <tr>
 <td width=&quot;140&quot;><b>Ordem normal</b></td>
 <td><b>Ordem alfabética</b></td>
 </tr>
 <td>
 
 <!--
 for (var i=0; i<6; i++)
 document.write(fruta[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 <td>
 
 <!--
 // Agora ordenamos o Array por ordem alfabética invocando o
 // método sort()
 fruta.sort()
 for (var i=0; i<6; i++)
 document.write(fruta[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 </tr>
 </table>
</body>
</html>
Ordenar os elementos de um Array (números)
<html>
<head>
<title></title>
</head>
<body>
<!--
 var numeros = new Array(27, 12, 15, 6, 2, 6)
// -->
 <p>
 A ordenação que o método sort() faz é sempre por ordem alfabética.
 Para ordenarmos números por ordem crescente temos de usar outras
 técnicas.
 </p>
 <table>
 <tr>
 <td width=&quot;140&quot;><b>Ordem normal</b></td>
 <td><b>Ordem alfabética</b></td>
 </tr>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 78
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
 <td>
 
 <!--
 for (var i=0; i<6; i++)
 document.write(numeros[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 <td>
 
 <!--
 // Agora ordenamos o Array por ordem alfabética invocando o
 //método sort()
 numeros.sort()
 for (var i=0; i<6; i++)
 document.write(numeros[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 </tr>
 </table>
</body>
</html>
Inverter a ordem dos elementos de um Array
<html>
<head>
<title></title>
</head>
<body>
<!--
 var fruta = new Array(&quot;Laranja&quot;,&quot;Banana&quot;,&quot;Morango&quot;,&quot;Abacaxi&quot;,&quot;Maçã&quot;,&quot;Kiwi&quot;)
 // Agora ordenamos o Array por ordem alfabética invocando o método sort()
 fruta.sort()
// -->
 <table>
 <tr>
 <td width=&quot;140&quot;><b>Ordem alfabética</b></td>
 <td><b>Ordem inversa</b></td>
 </tr>
 <td>
 
 <!--
 for (var i=0; i<6; i++)
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 79
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
 document.write(fruta[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 <td>
 
 <!--
 // Agora invertemos a ordem do Array invocando o método
 //reverse()
 fruta.reverse()
 for (var i=0; i<6; i++)
 document.write(fruta[i] + &quot;<br>&quot;)
 // -->
 
 </td>
 </tr>
 </table>
</body>
</html>
A coleção Images
<html>
<head>
<title></title>
</head>
<body>
 <p>
 Aqui temos algumas imagens:
 <img src=&quot;book.gif&quot; alt=&quot;Um livro&quot;>
 <img src=&quot;2569.gif&quot; alt=&quot;Direções&quot;>
 <img src=&quot;5103.gif&quot; alt=&quot;Curvas&quot;>
 </p>
 <p>
 A coleção images deste documento é um Array que contém um objeto Image
 para cada imagem. Eis algumas das propriedades destes
 objetos:<br><br>
 
 <!--
 var imgs=document.images
 for(var i=0;i<imgs.length;++i)
 document.write(&quot;src=&quot;+imgs[i].src+&quot; largura=&quot;+imgs[i].width+&quot;
 altura=&quot;+imgs[i].height+&quot;<br>&quot;)
 // -->
 
 </p>
</body>
</html>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 80
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
9. Objeto Date
O objeto Date permite-nos ler, construir e realizar operações com datas e 
horas.
Datas numéricas e datas de texto
Em JavaScript nós podemos definir um conjunto data/hora por extenso ou 
através de um valor numérico. A definição por extenso pode ser feita de várias formas, 
como ilustra a seguir:
Fri, 21 Nov 2003 10:43:34 UTC
Tue Nov 25 14:45:42 UTC 2003
Tue, 25 Nov 2003 14:48:21 GMT
Tue Nov 25 2003 14:46:37 GMT+0000
A outra forma que podemos usar para definir um conjunto data/hora usa como 
ponto de referência as zero horas do dia 1 de Janeiro de 1970. Para definirmos uma 
data e uma hora usando esta forma nós indicamos o número de milisegundos que 
decorreram entre as zero horas de 1 de Janeiro de 1970 e a data que queremos 
definir. Se usarmos um valor negativo estaremos indicando uma data anterior ao ponto 
de referência.
A seguir temos exemplos desta forma de definir datas:
// 1069772056710 equivale a Tue, 25 Nov 2003 14:54:16 UTC
// 2237468559000 equivale a Sun Nov 25 2040 15:02:39 GMT+0000
<html>
<body>
<!--
 // 1069772056710 equivale a Tue, 25 Nov 2003 14:54:16 UTC
 // 2237468559000 equivale a Sun Nov 25 2040 15:02:39 GMT+0000
 var data1=new Date(1069772056710)
 var data2=new Date(&quot;Tue, 25 Nov 2003 14:54:16 UTC&quot;)
 document.write(&quot;data1 = &quot;+data1.toLocaleString())
 document.write(&quot;<br>&quot;)
 document.write(&quot;data2 = &quot;+data2.toLocaleString())
 document.write(&quot;<br><br>&quot;)
 var DATA1=new Date(2237468559000)
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 81
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
 var DATA2=new Date(&quot;Sun Nov 25 2040 15:02:39 GMT+0000&quot;)
 document.write(&quot;DATA1 = &quot;+DATA1.toLocaleString())
 document.write(&quot;<br>&quot;)
 document.write(&quot;DATA2 = &quot;+DATA2.toLocaleString())
-->
</body>
</html>
Criação de um novo objeto Date
// Cria um objeto com a data e a hora atuais
oData1 = new Date()
// Cria objeto com a data e hora indicadas por valorData (texto ou numérica)
oData2 = new Date(valorData)
// Cria um objeto com a data indicada. É obrigatório indicar o ano, o mês e o
// dia. As horas, os minutos, os segundos e os milisegundos são facultativos.
oData3 = new Date(ano, mês, dia[, horas[, minutos[,segundos[,milisegundos]]]]) 
9.1 Métodos do objeto Date
Método Descrição
getDate() Devolve o dia do mês (de 1 a 31) que está 
guardado no objeto Date
getDay() Devolve o dia da semana (de 0=Domingo até 
6=Sábado) guardado no objeto Date
getMonth() Devolve o mês (de 0=Janeiro até 11=Dezembro) 
guardado no objeto Date
getFullYear() Devolve o valor completo do ano (quatro dígitos) 
guardado no objeto Date
getYear() Devolve o valor incompleto do ano (apenas dois 
dígitos) guardado no objeto Date. Não use este 
método, use getFullYear em seu lugar.
getHours() Devolve o valor da hora (de 0 a 23) guardada no 
objeto Date
getMinutes() Devolve o valor dos minutos (de 0 a 59) 
guardados no objeto Date
getSeconds() Devolve o valor dos segundos (de 0 a 59) 
guardados no objeto Date
getMilliseconds() Devolve o valor dos milisegundos (de 0 a 999) 
guardados no objeto Date
getTime() Devolve a quantidade de milisegundos decorridos 
desde as zero horas do dia 1 de Janeiro de 1970 
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 82
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
até à data que
Carregar mais