SlideShare una empresa de Scribd logo
1 de 8
IDENTIFICACION DE LENGUAJE
JAVASCRIPT
 Especificaciones oficiales
 Actualmente se encuentra en desarrollo la cuarta versión de
ECMA-262, que podría incluir novedades como paquetes,
namespaces, definición explícita de clases, etc.
 ECMA también ha definido varios estándares relacionados
con ECMAScript, como el estándar ECMA-357, que define
una extensión conocida como E4X y que permite la
integración de JavaScript y XML.
 JavaScript en documentos XHTML
 La integración de JavaScript y XHTML es muy flexible, ya que
existen al menos tres formas para incluir código JavaScript en
las páginas web.
 JavaScript en el mismo documento XHTML
 El código JavaScript se encierra entre etiquetas <script> y se
incluye en cualquier parte del documento. Aunque es correcto
incluir cualquier bloque de código en cualquier zona de la
página, se recomienda definir el código JavaScript dentro de
la cabecera del documento
 Este método se emplea cuando se define un bloque pequeño
de código o cuando se quieren incluir instrucciones
específicas en un determinado documento HTML que
completen las instrucciones y funciones que se incluyen por
defecto en todos los documentos del sitio web.
 Sintaxis
 La sintaxis de un lenguaje de programación se define como el
conjunto de reglas que deben seguirse al escribir el código
fuente de los programas para considerarse como correctos
para ese lenguaje de programación.
 La sintaxis de JavaScript es muy similar a la de otros
lenguajes de programación como Java y C. Las normas
básicas que definen la sintaxis de JavaScript son las
siguientes:
 • No se tienen en cuenta los espacios en blanco y las nuevas
líneas: como sucede con XHTML, el intérprete de JavaScript
ignora cualquier espacio en blanco sobrante, por lo que el
código se puede ordenar de forma adecuada para entenderlo
mejor (tabulando las líneas, añadiendo espacios, creando
nuevas líneas, etc.)
USO DE ELEMENTOS DEL LENGUAJE DE
SCRIPT EN LAS PAGINAS WEB
(VARIABLES, OPERADORES, ESTRUCTURAS DE
CONTROL Y FUNCIONES DE JAVA)
LOS SCRIPTS
 Un script es un programa insertado dentro del documento
HTML y que es interpretado y ejcutado por el navegador del
usuario. Por tanto estos programas se ejecutan en el
ordenador del usuario bien sea directamente (al leer la
página) o cuando se produce un suceso o evento particular,
como puede ser el pulsar sobre un enlace o mover el ratón o
cargar una imagen...
 Estos scripts permiten crear páginas dinámicas, modificar el
comportamiento normal del navegador, validar formularios,
realizar pequeños efectos visuales, etc... Sin embargo,
conviene recordar que se ejecutan en el navegador del
usuario y no en la máquina donde estén alojadas, por lo que
no podrán realizar cosas como manejar bases de datos. Esto
hace que los contadores (por ejemplo) se deban realizar de
otra manera, utilizando programas CGI (escritos en lenguajes
como Perl o PHP).
JAVASCRIPT
 Aunque este curso está enfocado a aprender
HTML, vamos a detenernos un poco para mostrar
la utilidad de los lenguajes de script. Para ello
vamos a realizar una pequeña introducción al
Javascript. Si te sientes interesado,
visita Javascript Desde Cero donde ecnontrarás
bastante material para aprender este lenguaje.
 Vamos a realizar nuestro primer "programa" en
JavaScript. Haremos surgir una ventana que nos
muestre el tradicional mensaje "hola, mundo". Así
podremos ver los elementos principales del
lenguaje. El siguiente código es una página Web
completa con un botón que, al pulsarlo, muestra el
mensaje.
HOLAMUNDO.HTML
<HTML> <HEAD> <SCRIPT
LANGUAGE="JavaScript"> <!--- function
HolaMundo() { alert("¡Hola, mundo!"); } // --->
</SCRIPT> </HEAD> <BODY> <FORM> <INPUT
TYPE="button" NAME="Boton" VALUE="Pulsame"
onClick="HolaMundo()"> </FORM> </BODY>
</HTML>Y aquí está
 Dentro de estos elementos será donde se puedan
poner funciones en JavaScript. Puedes poner
cuantos quieras a lo largo del documento y en el
lugar que más te guste. Si un navegador no
entiende la etiqueta <SCRIPT> escribirá lo que hay
entre medias de estos elementos, así que lo
encerramos entre comentarios por si las moscas.
 function HolaMundo() { alert("¡Hola, mundo!"); }

Más contenido relacionado

La actualidad más candente (14)

Php1
Php1Php1
Php1
 
Xhtml
XhtmlXhtml
Xhtml
 
Html
HtmlHtml
Html
 
Javascript
JavascriptJavascript
Javascript
 
JAVASCRIP
JAVASCRIPJAVASCRIP
JAVASCRIP
 
introduccion al Lenguaje php
introduccion al Lenguaje phpintroduccion al Lenguaje php
introduccion al Lenguaje php
 
Unidad 2 2.1
Unidad 2 2.1Unidad 2 2.1
Unidad 2 2.1
 
Javascript
JavascriptJavascript
Javascript
 
Que es php
Que es phpQue es php
Que es php
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Php
PhpPhp
Php
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Php
PhpPhp
Php
 

Destacado

Strategi Pengembangan
Strategi PengembanganStrategi Pengembangan
Strategi Pengembanganevandemak
 
Li smp [modo de compatibilidade]
Li smp [modo de compatibilidade]Li smp [modo de compatibilidade]
Li smp [modo de compatibilidade]Rosário Caldeira
 
Unidad 16 las tablas dinamicas
Unidad 16 las tablas dinamicasUnidad 16 las tablas dinamicas
Unidad 16 las tablas dinamicasjennypao39
 
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climáticoPerú 2021
 
Volantino ripetizioni generico - colori
Volantino ripetizioni generico - coloriVolantino ripetizioni generico - colori
Volantino ripetizioni generico - coloriaripetizione
 
Práctica 7. Organelos relacionados con la producción de energía
Práctica 7. Organelos relacionados con la producción de energíaPráctica 7. Organelos relacionados con la producción de energía
Práctica 7. Organelos relacionados con la producción de energíaQuímico Farmacobiólogo
 
parking gatwick north
parking gatwick north parking gatwick north
parking gatwick north rossletun
 
Art. estadísticas. Seminario 4
Art. estadísticas. Seminario 4Art. estadísticas. Seminario 4
Art. estadísticas. Seminario 4Inmaexposito
 
Redes sociais - está na hora de atualizar seu perfil
Redes sociais - está na hora de atualizar seu perfilRedes sociais - está na hora de atualizar seu perfil
Redes sociais - está na hora de atualizar seu perfilW. Gabriel de Oliveira
 
Uros - Aldeias flutuantes
Uros  - Aldeias flutuantesUros  - Aldeias flutuantes
Uros - Aldeias flutuantesJoão Couto
 
África com todo o seu explendor
África com todo o seu explendorÁfrica com todo o seu explendor
África com todo o seu explendorJoão Couto
 

Destacado (20)

Gisella Orjeda:
Gisella Orjeda: Gisella Orjeda:
Gisella Orjeda:
 
Strategi Pengembangan
Strategi PengembanganStrategi Pengembangan
Strategi Pengembangan
 
Presentacion 1 la tinta
Presentacion 1 la tintaPresentacion 1 la tinta
Presentacion 1 la tinta
 
Li smp [modo de compatibilidade]
Li smp [modo de compatibilidade]Li smp [modo de compatibilidade]
Li smp [modo de compatibilidade]
 
Unidad 16 las tablas dinamicas
Unidad 16 las tablas dinamicasUnidad 16 las tablas dinamicas
Unidad 16 las tablas dinamicas
 
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático
“Pon de tu parte” promoverá compromisos ciudadanos con el cambio climático
 
Volantino ripetizioni generico - colori
Volantino ripetizioni generico - coloriVolantino ripetizioni generico - colori
Volantino ripetizioni generico - colori
 
Práctica 7. Organelos relacionados con la producción de energía
Práctica 7. Organelos relacionados con la producción de energíaPráctica 7. Organelos relacionados con la producción de energía
Práctica 7. Organelos relacionados con la producción de energía
 
Saramago
SaramagoSaramago
Saramago
 
parking gatwick north
parking gatwick north parking gatwick north
parking gatwick north
 
Saudade
SaudadeSaudade
Saudade
 
Art. estadísticas. Seminario 4
Art. estadísticas. Seminario 4Art. estadísticas. Seminario 4
Art. estadísticas. Seminario 4
 
Redes sociais - está na hora de atualizar seu perfil
Redes sociais - está na hora de atualizar seu perfilRedes sociais - está na hora de atualizar seu perfil
Redes sociais - está na hora de atualizar seu perfil
 
Guia 12 bn
Guia 12  bnGuia 12  bn
Guia 12 bn
 
Comic2
Comic2Comic2
Comic2
 
Uros - Aldeias flutuantes
Uros  - Aldeias flutuantesUros  - Aldeias flutuantes
Uros - Aldeias flutuantes
 
Di le no a las drogas
Di le no a las drogasDi le no a las drogas
Di le no a las drogas
 
Sh
ShSh
Sh
 
África com todo o seu explendor
África com todo o seu explendorÁfrica com todo o seu explendor
África com todo o seu explendor
 
Aprender jugando
Aprender jugandoAprender jugando
Aprender jugando
 

Similar a 2.1 (20)

Java script
Java scriptJava script
Java script
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Java script
Java scriptJava script
Java script
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
ProgramacióN Java Script
ProgramacióN Java ScriptProgramacióN Java Script
ProgramacióN Java Script
 
Javacript
JavacriptJavacript
Javacript
 
Introducción a javascript
Introducción a javascriptIntroducción a javascript
Introducción a javascript
 
Javascript
JavascriptJavascript
Javascript
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Javascript
JavascriptJavascript
Javascript
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1
 
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
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 

Último (8)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 

2.1

  • 2.  Especificaciones oficiales  Actualmente se encuentra en desarrollo la cuarta versión de ECMA-262, que podría incluir novedades como paquetes, namespaces, definición explícita de clases, etc.  ECMA también ha definido varios estándares relacionados con ECMAScript, como el estándar ECMA-357, que define una extensión conocida como E4X y que permite la integración de JavaScript y XML.  JavaScript en documentos XHTML  La integración de JavaScript y XHTML es muy flexible, ya que existen al menos tres formas para incluir código JavaScript en las páginas web.  JavaScript en el mismo documento XHTML  El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la página, se recomienda definir el código JavaScript dentro de la cabecera del documento
  • 3.  Este método se emplea cuando se define un bloque pequeño de código o cuando se quieren incluir instrucciones específicas en un determinado documento HTML que completen las instrucciones y funciones que se incluyen por defecto en todos los documentos del sitio web.  Sintaxis  La sintaxis de un lenguaje de programación se define como el conjunto de reglas que deben seguirse al escribir el código fuente de los programas para considerarse como correctos para ese lenguaje de programación.  La sintaxis de JavaScript es muy similar a la de otros lenguajes de programación como Java y C. Las normas básicas que definen la sintaxis de JavaScript son las siguientes:  • No se tienen en cuenta los espacios en blanco y las nuevas líneas: como sucede con XHTML, el intérprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para entenderlo mejor (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.)
  • 4. USO DE ELEMENTOS DEL LENGUAJE DE SCRIPT EN LAS PAGINAS WEB (VARIABLES, OPERADORES, ESTRUCTURAS DE CONTROL Y FUNCIONES DE JAVA)
  • 5. LOS SCRIPTS  Un script es un programa insertado dentro del documento HTML y que es interpretado y ejcutado por el navegador del usuario. Por tanto estos programas se ejecutan en el ordenador del usuario bien sea directamente (al leer la página) o cuando se produce un suceso o evento particular, como puede ser el pulsar sobre un enlace o mover el ratón o cargar una imagen...  Estos scripts permiten crear páginas dinámicas, modificar el comportamiento normal del navegador, validar formularios, realizar pequeños efectos visuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuario y no en la máquina donde estén alojadas, por lo que no podrán realizar cosas como manejar bases de datos. Esto hace que los contadores (por ejemplo) se deban realizar de otra manera, utilizando programas CGI (escritos en lenguajes como Perl o PHP).
  • 6. JAVASCRIPT  Aunque este curso está enfocado a aprender HTML, vamos a detenernos un poco para mostrar la utilidad de los lenguajes de script. Para ello vamos a realizar una pequeña introducción al Javascript. Si te sientes interesado, visita Javascript Desde Cero donde ecnontrarás bastante material para aprender este lenguaje.  Vamos a realizar nuestro primer "programa" en JavaScript. Haremos surgir una ventana que nos muestre el tradicional mensaje "hola, mundo". Así podremos ver los elementos principales del lenguaje. El siguiente código es una página Web completa con un botón que, al pulsarlo, muestra el mensaje.
  • 7. HOLAMUNDO.HTML <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--- function HolaMundo() { alert("¡Hola, mundo!"); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame" onClick="HolaMundo()"> </FORM> </BODY> </HTML>Y aquí está
  • 8.  Dentro de estos elementos será donde se puedan poner funciones en JavaScript. Puedes poner cuantos quieras a lo largo del documento y en el lugar que más te guste. Si un navegador no entiende la etiqueta <SCRIPT> escribirá lo que hay entre medias de estos elementos, así que lo encerramos entre comentarios por si las moscas.  function HolaMundo() { alert("¡Hola, mundo!"); }