comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[JavaScript] 1 clase: introduccion

  • 0 Respuestas
  • 1183 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5388
  • Actividad:
    38.33%
  • Reputación 31
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« en: Febrero 24, 2010, 10:58:25 am »
Javascript se emplea en una pagina web para dotarla de unas funcionalidades que el HTML no puede proporcionar por si mismo.
Por lo tanto el codigo Javascript debe integrarse  en el documento HTML.
Esto se logra mediante el tag, <script> y </script>.

El tag <script> recibe, obligatoriamente el atributo language que permite determinar el lenguaje de script que vamos a emplear, porque existen varios lenguajes parecidos a JavasCript como el VBScript, por eso es necesario especificarle al navegador el lenguaje de script que debemos emplear.

Aqui un codigo para que vean como se tiene que incluir el codigo JavaScript:

Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Empezando Javascript, para Inet.</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript>
  5. <!--
  6.  
  7. //-->
  8. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

Como ven, se emplea el tag <script language="javascript"> , y asi el navegador ya sabe lo q se esta empleando.

Dentro del script tenemos las lineas <!-- y //--> que corresponden a los indicadores de comentarios en html, se emplea para evitar que si el navegador no soporta javascript, se ignoren las lineas de codigo en este lenguaje y no se produzca un error. Hoy en dia no creo que exista un navegador que no soporte Javascript( si queda alguno estara en un museo) pero, por si acaso, ponemos estas lineas siempre.

Este codigo que acabamos de introducir no hace nada, no tiene ningun efecto ni muestra nada en la pantalla., no hay ninguna sentencia ni tampoco hay nada en la seccion <body> de la pagina.
Existe otro tag que podemos incorporar en nuestras paginas, se trata de <noscript> y </noscript>, que permite encerrar un codigo alternativo para en caso de que el navegador no soporte javascript.

Ejemplo del codigo:

Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Ejemplo del tag <No tienes permisos para ver links. Registrate o Entra con tu cuenta></No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. <!--
  6. //-->
  7. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  8. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  9. Su Navegador No Soporta scripts
  10. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. Consiga uno nuevo.
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  14. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  15. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  16. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

Como ve en la parte resaltada del codigo entra los tags <noscript> y </noscript>, hemos incluido  un mensaje para avisar al usuario que debe cambiar de navegador. Si su navegador soporta scripts(como espero) no se mostrara.

Como ven he introducido el codigo dentro de head, pero eso no importa, de hecho el script puede ir dentro de head o body, he incluso haber varios scripts.

------------------Nuestro primer Script------------------

Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Nuestro primer Script</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  5. <!--
  6. alert ("Nuestro primer script");
  7. //-->
  8. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  9. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>nuestro 1 script</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

Como ven, nos aparecera un aviso diciendonos Nuestro Primer Script, y despues se mostrara lo que pusimos en el cuerpo de la pagina, que sera lo que pusimos en negrita que es nuestro 1 script.

Nuestro 1 script incluye solamente una linea, la palabra reservada alert() es una funcion de javascript que genera el cuadro de aviso que hemos visto, y detiene la carga hasta que el usuariopulsa el boton que se incluye en dicho cuadro de aviso.

A diferencia de HTML, Javascript es case sensitive es decir sensibles al hecho que escribamos en mayusculas o minusculas.

Si pones adentro de la funcion alert las comillas, osea alert("hola") no se realizara ningun proceso con el argumento en este caso el argumento es hola. Pero si quitamos las comillas, osea alert(hola) ahi si se realizara algun proceso, esto lo entenderan mas adelante cando demos las variables y tipos de datos.

-----------Los comentarios------------

En Javascript existen dos maneras de incluir comentarios, se puede realizar con la dolbe barra (//), en este caso el navegador entendera que todo lo que hay en la linea fisica de codigo sede la doble barra hasta el final de la linea es un comentario y lo ignorara.

La segunda manera es con un (/*) y se cerrara con un (*/). Todo lo que haya entre mbas parejas de guarismos sera tenido por un comentario y el navegador no tratara de ejcutarlo tanto si es una sola linea fisica como son varias.

Ejemplo:

Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Comentarios en html</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  5. <No tienes permisos para ver links. Registrate o Entra con tu cuenta language="javascript">
  6. <!--
  7. /*aqui se empieza un comentario de varias lineas.
  8. Todas ellas son ignoradas por el navegador.*/
  9. alert("Comentarios");
  10. //Otro comentario,
  11. //-->
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  14. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  15. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>comentario</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  16. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  17. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

EN ese script empleo los dos tipos de comentarios.

Esto es lo basico, si no lo saben leanlo bien y aprendanselo.


------------------------------------------------

Proxima Clase, Variables y Tipos de DAtos.

(By N3xtdoor).
« Última modificación: Abril 18, 2014, 11:12:07 am por Expermicid »


 

¿Te gustó el post? COMPARTILO!



[JavaScript][MEDIO] Texto que aparece palabra por palabra

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1093
Último mensaje Febrero 24, 2010, 11:16:49 am
por ANTRAX
[JavaScript][MEDIO] Script ''cambia el color letra a letra''

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1297
Último mensaje Febrero 24, 2010, 11:14:30 am
por ANTRAX
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1095
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][AVANZADO] Trabajar con DOM desde Firefox e Internet Explorer

Iniciado por arthusu

Respuestas: 0
Vistas: 1556
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
Curso: JavaScript y jQuery [Crear Sitios y Apps Web]

Iniciado por Mr.Kratos

Respuestas: 0
Vistas: 123
Último mensaje Julio 27, 2018, 01:39:37 pm
por Mr.Kratos