Clase JavaScript

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web
Fundamentos de JavaScript
Javascript es un lenguaje de programacin empleado para programar pequeas funciones responsables de realizar acciones dentro del mbito de una pgina web.
Javascript no tiene nada que ver con Java, son productos totalmente distintos y no guardan entre si ms relacin que la sintaxis idntica y poco ms. Algunas diferencias entre estos dos lenguajes son las siguientes: Compilador. Para programar en Java necesitamos un Kit de desarrollo y un compilador. Sin embargo, Javascript no es un lenguaje que necesite que sus programas se compilen, sino que stos se interpretan por parte del navegador cuando ste lee la pgina. Orientado a objetos. Java es un lenguaje de programacin orientado a objetos, en cambio Javascript no es orientado a objetos, esto quiere decir que podremos programar sin necesidad de crear clases. Propsito. Java es mucho ms potente que Javascript, esto es debido a que Java es un lenguaje de propsito general, con el que se puede construir cualquier tipo de sistemas, sin embargo, con Javascript slo podemos escribir subrutinas para que se ejecuten en pginas web.
Estructura de programa javascript

Teniendo en cuenta que Javascript se escribe dentro de un documento HTML, podemos decir que los delimitadores de un programa javascript son las etiquetas <SCRIPT> </SCRIPT> En una misma pgina podemos introducir varios introducirse dentro de unas etiquetas <SCRIPT> distintas. scripts, cada uno que podra
Uso de variables y su impresion

Javascript otorga un poco de libertad es a la hora de declarar las variables, ya que no estamos obligados a hacerlo, al contrario de lo que pasa en la mayora de los lenguajes de programacin. De todos modos, es aconsejable declarar las variables, y para ello Javascript cuenta con la palabra var :
var var ciudad = "Valencia" mujer = true
var num1 = 23 var num2 = 33 var suma = num1 + num2 document.write(suma)
<-- imprimiendo
JavaScript tiene la peculiaridad de ser un lenguaje dbilmente tipeado, esto es, una variable puede cambiar de tipo durante su vida, por ejemplo :
MiVariable = 4; MiVariable = "Una_Cadena";
Ing. Juan Vera Castillo
Pgina 1

Existen variables locales y globales. Las globales deben ser declaradas asi :
<SCRIPT>
var
nomVariable;
function mensaje() { . . . } </SCRIPT>
Y en el caso de las variables locales :
Estructuras de control de flujo

Tenemos : if, if else, switch, for, while, do while Estos comandos se usan igual que Java
Ubicacion del codigo javascript

El codigo javascript se ubica dentro del bloque HEAD de un programa HTML
Parametros de funciones
Su empleo es simple como se ve en el ejemplo :
function bienvenida(nombre, colorTexto) { document.write("<FONT color=" + colorTexto + ">) document.write("<H1>Hola " + nombre + "</H1>") document.write("</FONT>") }
El tag
<input type="button" y el javaScript
Esta etiqueta con el tipo indicado, trabaja como un botn comn, entonces para este caso debemos implementar el manejo de eventos (click), lo que se implementa tal como se ve : <input type="button" value="Calcular la suma" onclick= "calcular()">
Etiqueta del boton
Evento
funcin del evento
La funcin calcular() es implementada con cdigo javascript :
Pgina 2

Problema
Un JSP pide 2 nmeros y los enva a un servlet. Aqu usaremos un <input type=button con la funcin de evento click. Lo que implica el uso de una funcin javascript (callServlet)
JSP : index.jsp
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Programa principal: prog04.jsp</title>
<script>
Aqui la function maneja el function callServlet() llamado al SumServlet { // formSuma es el nombre del formulario(ver mas abajo) document.formSuma.action= "<%=request.getContextPath()%>/SumServlet"; document.formSuma.method="get"; document.formSuma.submit(); }
</script>
</head> <body>
Notar que no existe action
<form name="formSuma"> <%--- nombre del formulario ---%> numero 1 : <input type="text" name="txtNum1"> <br> numero 2 : <input type="text" name="txtNum2"> <br> <input type = "button" value="Calcular la suma" onclick="callServlet()"><br> <textarea rows= 10 cols=30 name="area"> <% if(request.getAttribute("suma")!= null) { String resultado = (String)request.getAttribute("suma"); out.print("\n"+resultado); } %> </textarea> </form> </body> </html>
Servlet : SumServlet.java public class SumServlet extends HttpServlet { protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { int n1 = Integer.parseInt(request.getParameter("txtNum1")); int n2 = Integer.parseInt(request.getParameter("txtNum2")); int r = n1+n2; String linea = "La suma es "+ r; request.setAttribute("suma", linea); // etiqueta, objeto getServletContext().getRequestDispatcher("/index.jsp").forward(request, response); }
Pgina 3
[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web javascript y la funcion alert(mensaje)

Se usa para emitir un mensaje sobre una pequea ventana (til para mensajes de error) Ejemplo : alert("falta el sueldo");
javascript y la funcin focus()

A veces es necesario enfocar una caja de texto <input >. Esto se logra con la funcin focus() Ejemplo : document.planilla.sueldo.focus();
La pgina web Nombre del formulario Nombre del <input type=text
javascript y como detectar un campo vacio (<input type=text> )

Se usa la funcin de cadenas length(), tal como se ve en el ejemplo :
var nom;
Valor escrito por el usuario dentro del <input type=text)
nom = document.planilla.nombre.value; if(nom.length == 0) alert("falta nombre");
Equivalente al mtodo getText() del java estndar
Problema
Desarollar un JSP para ingresar un nombre con su apellido, entonces llamar a un servlet para que reciba la cadena, extraiga solo el nombre y lo devuelva al JSP.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Pagina prog05</title> <script> function focusValidar() { var num; nom = document.planilla.nombre.value; if(nom.length == 0) { alert("falta nombre"); document.planilla.nombre.focus(); return; }else { document.planilla.action= "NomServlet"; document.planilla.method="get"; document.planilla.submit(); } } </script> </head>
Pgina 4

<body> <form name="planilla"> nombre : <input type="text" name="nombre"><br> <input type="button" value ="generar Planilla" onclick="focusValidar()"> <br> <textarea name="area" rows="20" cols="40"> <% if(request.getAttribute("registro")!= null) {
out.print((String)request.getAttribute("registro"));
} %> </textarea> </form> </body> </html>
NOTA
Desarrolle el servlet que falta
Problema
Realizar un JSP que me permita Ingresar por teclado dos nmeros enteros y mostrar a travs de un Alert el resultado de la suma de esos nmeros. Solucin :
Pgina 5
Problema
Hacer un JSP para solicitar al usuario elija una ciudad a partir de un select (combo) y se muestre la seleccin con un Alert. Las ciudades son : Lima, Habana, Mosc y Quito
Pgina 6
Pgina 7

Clase JavaScript

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Clase JavaScript

Caricato da

Copyright:

Formati disponibili

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

Estructura de programa javascript

Uso de variables y su impresion

var num1 = 23 var num2 = 33 var suma = num1 + num2 document.write(suma)

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

function mensaje() { . . . } </SCRIPT>

Y en el caso de las variables locales :

Estructuras de control de flujo

Ubicacion del codigo javascript

<input type="button" y el javaScript

Etiqueta del boton

funcin del evento

La funcin calcular() es implementada con cdigo javascript :

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

Notar que no existe action

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web javascript y la funcion alert(mensaje)

javascript y la funcin focus()

javascript y como detectar un campo vacio (<input type=text> )

nom = document.planilla.nombre.value; if(nom.length == 0) alert("falta nombre");

Equivalente al mtodo getText() del java estndar

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

} %> </textarea> </form> </body> </html>

Desarrolle el servlet que falta

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

Ing. Juan Vera Castillo

[ESCRIBA EL TTULO DEL DOCUMENTO] Java Web

Ing. Juan Vera Castillo

Potrebbero piacerti anche