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
  • 1165 Vistas

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

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5342
  • Actividad:
    23.33%
  • Reputación 30
  • 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. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Empezando Javascript, para Inet.</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript>
  5. <!--
  6.  
  7. //-->
  8. </You are not allowed to view links. Register or Login>
  9. </You are not allowed to view links. Register or Login>
  10. <You are not allowed to view links. Register or Login>
  11. </You are not allowed to view links. Register or Login>
  12. </You are not allowed to view links. Register or Login>

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. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Ejemplo del tag <You are not allowed to view links. Register or Login></You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. //-->
  7. </You are not allowed to view links. Register or Login>
  8. <You are not allowed to view links. Register or Login>
  9. Su Navegador No Soporta scripts
  10. <You are not allowed to view links. Register or Login>
  11. Consiga uno nuevo.
  12. </You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>
  14. <You are not allowed to view links. Register or Login>
  15. </You are not allowed to view links. Register or Login>
  16. </You are not allowed to view links. Register or Login>

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. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Nuestro primer Script</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. alert ("Nuestro primer script");
  7. //-->
  8. </You are not allowed to view links. Register or Login>
  9. </You are not allowed to view links. Register or Login>
  10. <You are not allowed to view links. Register or Login>
  11. <You are not allowed to view links. Register or Login>nuestro 1 script</You are not allowed to view links. Register or Login>
  12. </You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>

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. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Comentarios en html</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login>
  5. <You are not allowed to view links. Register or Login 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. </You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>
  14. <You are not allowed to view links. Register or Login>
  15. <You are not allowed to view links. Register or Login>comentario</You are not allowed to view links. Register or Login>
  16. </You are not allowed to view links. Register or Login>
  17. </You are not allowed to view links. Register or Login>

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: 1065
Ú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: 1260
Ú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: 1072
Ú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: 1520
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
[JavaScript][MEDIO] Destello de colores sobre los enlaces

Iniciado por ANTRAX

Respuestas: 3
Vistas: 1570
Último mensaje Febrero 02, 2011, 11:47:07 pm
por Satyricon