SlideShare une entreprise Scribd logo
1  sur  14
JAVASCRIPT
Jesús Robles Huerta 7ª ISC
Script
• Un lenguaje script o lenguaje de guiones que consiste
en un lenguaje de programación que suele emplearse en
 un contexto(dentro de una aplicación ) y que no permite
        programar aplicaciones independientes.
Script
• Un lenguaje de script es un pequeño lenguaje de
 programación cuyo código se inserta dentro del
 documento HTML. Este código se ejecuta en el
 navegador del usuario al cargar la página, o cuando
 sucede algo especial como puede ser el pulsar sobre un
 enlace.
JavaScript
• JavaScript es un lenguaje interpretado, basado en
 objetos (no es un lenguaje orientado a objetos puro) y
 multiplataforma, inventado por Netscape Communi-
 cations Corporation.
Para que sirven
 • Estos lenguajes permiten variar dinámicamente el
contenido del documento, modificar el comportamiento
  normal del navegador, validar formularios, realizar
               pequeños trucos visuales
Sintaxis
• Existen tres formas de incluir e invocar scripts dentro de
                       una página HTML:
• 1- Usando la etiqueta <SCRIPT></SCRIPT> esta etiqueta
     permite incluir un código de script directamente en la
  pagina o que apunte a un fichero externo o que apunte a
         un fichero externo usando el atributo SRC.
      • Cada navegador tiene por defecto un lenguaje
• <HTML>
• <BODY>
• <SCRIPT LANGUAGE=“VBScript">
•    document.write”esto lo ha escrito VBScript<BR>”);
• </SCRIPT>
</SCRIPT LANGUAJE=“JavaScript”>
      document.write (“Esto lo ha escrito VBScript<BR>”);
</SCRIPT>
</BODY>
</HTML>
• 2- Usando los atributos de las etiquetas html que
  soportan scripts como por ejemplo
• <FORM>, <INPUT>, <SELECT>, <TEXTAREA>,
  <BODY>
Sintaxis
Sintaxis
 • Incluyendo código de script en una URL. Los scripts
  también se pueden invocar desde el elemento <A> ...
</A> (anchor, ancla) mediante una URL. Esto permite que
   el script se ejecute cuando el usuario pulsa sobre un
                           enlace.
•   1 <HTML>
•   2 <HEAD>
•   3 <TITLE>Código de JavaScript y VBScript en una misma página</TITLE>
•   4 <SCRIPT LANGUAGE="VBScript">
•   5 Sub PulsadoVBS
•   6 alert "Pulsado el enlace VBScript"
•   7 End Sub
•   8 </SCRIPT>
•   9 <SCRIPT LANGUAGE="JavaScript">
•   10 function PulsadoJS()
•   11 {
•   12 alert("Pulsado el enlace JavaScript");
•   13 }
•   14 </SCRIPT>
•   15 </HEAD>
•   16 <BODY>
•   17 <A HREF="javascript:PulsadoJS()">JavaScript</A>
•   18 <BR>
•   19 <A HREF="javascript:PulsadoVBS()">VBScript</A>
•   20 </BODY>
•   21 </HTML>
Aplicaciones
• Una de las aplicaciones principales de JavaScript
 consiste en validar la entrada introducida por el usuario a
 través de un formulario, que luego recibirán aplicaciones
 que se ejecutan en el servidor (hechas en ASP, CGI, JSP
 o cualquier otra tecnología).
• Reduce la carga en el servidor. Los datos incorrectos se
  filtran en el cliente y no se envían al servidor.
• Reduce los retrasos producidos por errores cometidos
  por el usuario. De otro modo la validación se tendría que
  realizar en el servidor, y los datos deberían viajar del
  cliente al servidor, ser procesados y entonces devueltos
  al cliente para que los corrigiese.
• Simplifica los programas que se ejecutan en el servidor al
  dividir el trabajo entre el cliente y el servidor.
Aplicaciones
• Otra de las aplicaciones de JavaScript consiste en
 proporcionar dinamismo a las páginas HTML. Si se
 emplea junto con DHTML se pueden conseguir efectos
 sorprendentes.

Contenu connexe

Tendances

ventajas de editores gráficos o wysiwyd
ventajas de editores gráficos o wysiwydventajas de editores gráficos o wysiwyd
ventajas de editores gráficos o wysiwydeltriothebest
 
Scripting cliente
Scripting clienteScripting cliente
Scripting clienteUAEH
 
Django avanzado: Dia 2
Django avanzado: Dia 2Django avanzado: Dia 2
Django avanzado: Dia 2Esau Rodriguez
 
Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)Carlos Castillo Reyna
 
navegadores web
navegadores webnavegadores web
navegadores webolivapg
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garciaMercedes Garcia
 
PDO: Capa de abstracción de base de datos con PHP
PDO: Capa de abstracción de base de datos con PHPPDO: Capa de abstracción de base de datos con PHP
PDO: Capa de abstracción de base de datos con PHPArsys
 
Skydrive vs dropbox
Skydrive vs dropboxSkydrive vs dropbox
Skydrive vs dropboxfranky12
 
Desarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webDesarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webJulio Alfaro
 
Dn13 u3 a35_mbe
Dn13 u3 a35_mbeDn13 u3 a35_mbe
Dn13 u3 a35_mbeUtec Dn
 
Lo mas importante de mi sitios web
Lo mas importante de mi sitios webLo mas importante de mi sitios web
Lo mas importante de mi sitios webMinitiva
 

Tendances (19)

ventajas de editores gráficos o wysiwyd
ventajas de editores gráficos o wysiwydventajas de editores gráficos o wysiwyd
ventajas de editores gráficos o wysiwyd
 
Django avanzado: Dia4
Django avanzado: Dia4Django avanzado: Dia4
Django avanzado: Dia4
 
Scripting cliente
Scripting clienteScripting cliente
Scripting cliente
 
Net love open source v1.7
Net love open source v1.7Net love open source v1.7
Net love open source v1.7
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Django avanzado: Dia 2
Django avanzado: Dia 2Django avanzado: Dia 2
Django avanzado: Dia 2
 
Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)
 
navegadores web
navegadores webnavegadores web
navegadores web
 
Wiki
WikiWiki
Wiki
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
PDO: Capa de abstracción de base de datos con PHP
PDO: Capa de abstracción de base de datos con PHPPDO: Capa de abstracción de base de datos con PHP
PDO: Capa de abstracción de base de datos con PHP
 
Django avanzado: Dia1
Django avanzado: Dia1Django avanzado: Dia1
Django avanzado: Dia1
 
¿Que es javascript y Modulos?
¿Que es javascript y Modulos?¿Que es javascript y Modulos?
¿Que es javascript y Modulos?
 
Skydrive vs dropbox
Skydrive vs dropboxSkydrive vs dropbox
Skydrive vs dropbox
 
This is Drupal! (Basics)
This is Drupal! (Basics)This is Drupal! (Basics)
This is Drupal! (Basics)
 
Desarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías webDesarrollos de aplicaciones móviles con tecnologías web
Desarrollos de aplicaciones móviles con tecnologías web
 
Dn13 u3 a35_mbe
Dn13 u3 a35_mbeDn13 u3 a35_mbe
Dn13 u3 a35_mbe
 
Lo mas importante de mi sitios web
Lo mas importante de mi sitios webLo mas importante de mi sitios web
Lo mas importante de mi sitios web
 
Chuna
ChunaChuna
Chuna
 

Similaire à Java script

introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptssuser948499
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptTIRZOANTONIOMEDINACA
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Rafael Garcia
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Rafael Garcia
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoManuel Carrasco Moñino
 
Presentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitalesPresentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitalesChamilo User Day
 
Asp .net
Asp .netAsp .net
Asp .netmellcv
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptKarsarmi
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-webolguisf
 

Similaire à Java script (20)

Introducción a Javascript I
Introducción a Javascript IIntroducción a Javascript I
Introducción a Javascript I
 
Javacript
JavacriptJavacript
Javacript
 
Java script
Java scriptJava script
Java script
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
 
Aplicaciones Web
Aplicaciones WebAplicaciones Web
Aplicaciones Web
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Javascript
JavascriptJavascript
Javascript
 
Herramientas Digitales
Herramientas DigitalesHerramientas Digitales
Herramientas Digitales
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
 
S3-DAW-2022S1.pptx
S3-DAW-2022S1.pptxS3-DAW-2022S1.pptx
S3-DAW-2022S1.pptx
 
Gwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrascoGwt seminario java_hispano_manolocarrasco
Gwt seminario java_hispano_manolocarrasco
 
Presentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitalesPresentación: Aplicación de evaluaciones digitales
Presentación: Aplicación de evaluaciones digitales
 
ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3
 
Asp .net
Asp .netAsp .net
Asp .net
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Aprendiendo GWT
Aprendiendo GWTAprendiendo GWT
Aprendiendo GWT
 
los-diferentes-lenguajes-de-programacion-para-la-web
 los-diferentes-lenguajes-de-programacion-para-la-web los-diferentes-lenguajes-de-programacion-para-la-web
los-diferentes-lenguajes-de-programacion-para-la-web
 

Java script

  • 2. Script • Un lenguaje script o lenguaje de guiones que consiste en un lenguaje de programación que suele emplearse en un contexto(dentro de una aplicación ) y que no permite programar aplicaciones independientes.
  • 3. Script • Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta dentro del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página, o cuando sucede algo especial como puede ser el pulsar sobre un enlace.
  • 4. JavaScript • JavaScript es un lenguaje interpretado, basado en objetos (no es un lenguaje orientado a objetos puro) y multiplataforma, inventado por Netscape Communi- cations Corporation.
  • 5. Para que sirven • Estos lenguajes permiten variar dinámicamente el contenido del documento, modificar el comportamiento normal del navegador, validar formularios, realizar pequeños trucos visuales
  • 6. Sintaxis • Existen tres formas de incluir e invocar scripts dentro de una página HTML: • 1- Usando la etiqueta <SCRIPT></SCRIPT> esta etiqueta permite incluir un código de script directamente en la pagina o que apunte a un fichero externo o que apunte a un fichero externo usando el atributo SRC. • Cada navegador tiene por defecto un lenguaje
  • 7. • <HTML> • <BODY> • <SCRIPT LANGUAGE=“VBScript"> • document.write”esto lo ha escrito VBScript<BR>”); • </SCRIPT> </SCRIPT LANGUAJE=“JavaScript”> document.write (“Esto lo ha escrito VBScript<BR>”); </SCRIPT> </BODY> </HTML>
  • 8. • 2- Usando los atributos de las etiquetas html que soportan scripts como por ejemplo • <FORM>, <INPUT>, <SELECT>, <TEXTAREA>, <BODY>
  • 10. Sintaxis • Incluyendo código de script en una URL. Los scripts también se pueden invocar desde el elemento <A> ... </A> (anchor, ancla) mediante una URL. Esto permite que el script se ejecute cuando el usuario pulsa sobre un enlace.
  • 11. 1 <HTML> • 2 <HEAD> • 3 <TITLE>Código de JavaScript y VBScript en una misma página</TITLE> • 4 <SCRIPT LANGUAGE="VBScript"> • 5 Sub PulsadoVBS • 6 alert "Pulsado el enlace VBScript" • 7 End Sub • 8 </SCRIPT> • 9 <SCRIPT LANGUAGE="JavaScript"> • 10 function PulsadoJS() • 11 { • 12 alert("Pulsado el enlace JavaScript"); • 13 } • 14 </SCRIPT> • 15 </HEAD> • 16 <BODY> • 17 <A HREF="javascript:PulsadoJS()">JavaScript</A> • 18 <BR> • 19 <A HREF="javascript:PulsadoVBS()">VBScript</A> • 20 </BODY> • 21 </HTML>
  • 12. Aplicaciones • Una de las aplicaciones principales de JavaScript consiste en validar la entrada introducida por el usuario a través de un formulario, que luego recibirán aplicaciones que se ejecutan en el servidor (hechas en ASP, CGI, JSP o cualquier otra tecnología).
  • 13. • Reduce la carga en el servidor. Los datos incorrectos se filtran en el cliente y no se envían al servidor. • Reduce los retrasos producidos por errores cometidos por el usuario. De otro modo la validación se tendría que realizar en el servidor, y los datos deberían viajar del cliente al servidor, ser procesados y entonces devueltos al cliente para que los corrigiese. • Simplifica los programas que se ejecutan en el servidor al dividir el trabajo entre el cliente y el servidor.
  • 14. Aplicaciones • Otra de las aplicaciones de JavaScript consiste en proporcionar dinamismo a las páginas HTML. Si se emplea junto con DHTML se pueden conseguir efectos sorprendentes.