Listas de Exercícios de Javascript

LISTAS DE EXERCCIOS DE JAVASCRIPT 1.
Chamar funo javascript a partir de um link: <html> <body> <a href="javascript:alert('funo executado apartir de um link')">clique aqui para executar</a> </body> </html> 2. Para um scrolling message na sua pgina: a. Inserir na diretiva <HEAD> </HEAD> : <SCRIPT>  </SCRIPT> b. Inserir no inicio do <BODY></BODY>: <BODY onLoad="Scrollon()"> c. Criar o Formulrio : <FORM NAME="box" onSubmit="0"> <INPUT TYPE="text" name="scrolltext" size="50"></FORM>
3. exibe a data completa: <html> <head> </head> <body> <script type="text/javascript"> <!-var d = new Date() var dia = d.getDay() var mes = d.getMonth() var ano = d.getFullYear() // Para obtermos o nome do dia criamos um Array em que Domingo ocupa a // posio 0, segunda ocupa a posio 1, ... var nomesDias=new Array("Domingo","Segunda-feira","Tera-feira","Quartafeira","Quinta-feira","Sexta-feira","Sbado") var nomesMeses=new Array("Janeiro","Fevereiro","Maro","Abril","Maio","Junho","Julho","Agosto","Set embro","Outubro","Novembro","Dezembro") var s="Hoje "+nomesDias[dia]+", "+d.getDate() s+=" de "+nomesMeses[mes]+" de "+ano document.write(s) // --> </script> </body> </html>
4. exemplo de funo com 2 argumentos <html> <head> <title></title> <script type="text/javascript"> <!-function multiplicar(p, q) { var m = p*q return m } // --> </script> </head> <body> <p> O valor devolvido pela funo : <script type="text/javascript"> <!-document.write('multiplicar(5, 6) = '+multiplicar(5, 6)) // --> </script> </body> </html>
5. Informaes do browser <html> <head> <title></title> </head> <body> <script type="text/javascript"> <!-document.write("O seu web browser o: "+ navigator.appName) // --> </script> </body> </html> 6. Informaes da resoluo
<html> <head> <title></title> </head> <body> <script type="text/javascript"> <!-document.write("SCREEN RESOLUTION: ") document.write(screen.width + "*")
document.write(screen.height + "<br>") document.write("AVAILABLE VIEW AREA: ") document.write(window.screen.availWidth + "*") document.write(window.screen.availHeight + "<br>") document.write("COLOR DEPTH: ") document.write(window.screen.colorDepth + "<br>") // --> </script> </body> </html> 7. Abrir um pop up: <html> <head> <title>Untitled</title> <script> function Openjanela(url_pop){ var PopWidth=700; var PopHeight=600; var PopLeft=0; var PopTop=0; Dk=window.open(url_pop,'Dk','toolbar=no,status=no,menubar=no,location=no,d irectories=no,resizable=yes,scrollbars=yes,width='+PopWidth+',height='+PopHe ight+',top='+PopTop+',left='+PopLeft); Dk.focus(); } </script>
</head> <body> <form> <input type="text" size=50 name="caminho" id="caminho"> <input type="button" name="btabrir" value="Abrir" onclick="Openjanela(document.getElementById('caminho').value);"> </form> </body> </html> 8. Tremer o browser <html> <head> <title>Untitled</title> <script> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} </script> </head>
<body> <form> <a href="javascript:tremer(20);">tremer</a> </form> </body> </html> 9. Ajustar Data <html> <head> <title>Evento keypress</title> <script> function AjustarData(Objeto) { if ((event.keyCode == 13)) { event.keyCode = 9; event.returnValue = false; } if ((event.keyCode < 48) || (event.keyCode > 57)) { event.returnValue = false; } else { if ((Objeto.value.length == 2) || (Objeto.value.length == 5)) {
Objeto.value = Objeto.value + "/"; } else if (Objeto.value.length == 10) { event.returnValue = false; } } } </script> </head> <body> <form name=f1> Escreva uma data: <input type=text name=data onkeypress="AjustarData(this);" autocomplete="off"> </form> </body> </html> size=8 value=""
10. Testa valor inteiro <html> <head> <title>Evento onblur</title> <script> function validarInteiro(valor){ //tento converter a inteiro. //se era um inteiro nao lhe afeta, se nao era tenta convertelo
valor = parseInt(valor) //Comprovo se e um valor numrico if (isNaN(valor)) { //entao (nao e numero) devolvo o valor cadeia vazia return "" }else{ //Em caso contrario (Se era um nmero) devolvo o valor return valor } } function comprovaValidoInteiro(){ InteiroValidado = validarInteiro(document.f1.numero.value); if (InteiroValidado == ""){ //se era a cadeia vazia que nao era vlido. Aviso alert ("Deve escrever um inteiro!") //selecciono el texto document.f1.numero.select() //coloco outra vez o foco document.f1.numero.focus() }else document.f1.numero.value = InteiroValidado; } </script> </head> <body>
<form name=f1> Escreva um nmero inteiro: <input type=text name=numero size=8 value="" onblur="comprovaValidoInteiro();"> </form> </body> </html>

Listas de Exercícios de Javascript

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Listas de Exercícios de Javascript

Transféré par

Droits d'auteur :

Formats disponibles

LISTAS DE EXERCCIOS DE JAVASCRIPT 1.

Vous aimerez peut-être aussi