Inicia sesión


Cómo insertar código JavaScript

Cómo insertar código jаvascriptLo primero que uno debe saber antes de programar nada en jаvascript, es como incrustarlo en un documento HTML. Para ello, tenemos dos formas; una, usando una directiva especial y otra, como parámetro de ciertas directivas (como <a>, <img>,...) en respuesta a eventos de usuario ya predefinidos (pulsar el ratón, cargarse la página,...).

El primer método consiste en usar la directiva pareada <script>. Esta directiva admite como parámetro language, que en principio solo sería jаvascript, pero como ahora también existe el VBScript (abreviatura de Visual Basic Script Edition) hay que tenerlo en cuenta. Además, no hemos de olvidar que habrá quien tenga un navegador que no soporte jаvascript y habrá quien sí pero no quiera soportarlo, así que, de alguna manera tenemos que prevenir esto, evitando que todo el código salga desparramado en la pantalla del navegador.

Bien, pues para ello encerraremos el código jаvascript entre comentarios, pero haciéndolo de esta forma para no tener problemas:
<script language="jаvascript" type="text/jаvascript">

<!--
Código jаvascript
//-->

</script>

Y, ¿Dónde colocamos este código?


En principio no importa mucho donde lo pongamos, sin embargo, una buena costumbre es introducirlo en la cabecera del documento HTML (ya sabéis, entre <head>...</head>), puesto así estáis completamente seguros de que cuando se empieza a cargar el documento y a aparecer en la pantalla, todo el código jаvascript ya está cargado y listo para ser ejecutado si se da el evento apropiado. En la actualidad y para mejorar el rendimiento de nuestro sitio lo colocamos antes del cierre del </body></html>.

Inclusión de ficheros o archivos


Los archivos externos son usados para evitar la aglomeración de código script en el archivo html y para dar mayor dinamismo y rapidez a los cambios que se puedan generan en el código del script.
<script src="/js/tu_archivo.js" type="text/jаvascript"></script>
Este código es ignorado automáticamente por los navegadores que no soportan jаvascript aunque el acceso al fichero .js puede ralentizar la aplicación.

Valores, variables y literales


Valores: jаvascript contiene los siguientes tipos de valores:

  • Numéricos : 42, 3.14159, ...
  • Lógicos (Boolean) : true o false.
  • Strings : "Esto es un string".
  • Null : palabra especial que denota el valor nulo.
Funciones especiales para conversión de tipos de datos:

  • eval (cadena)
Ejecuta la expresión o sentencia contenida en la cadena que recibe como parámetro. mensaje = 'Hola';

  • eval("alert('" + mensaje + "');");
Este ejemplo nos muestra una ventana con un saludo.

  • parseInt(cadena [, base])
Convierte en un número entero la cadena que recibe, asumiendo que está en la base indicada. Si este parámetro falta, se asume que está en base 10. Si fracasa en la conversión devolverá el valor NaN. parseInt("3453"); Devuelve el número 3453.

  • parseFloat(cadena)
Convierte en un número real la cadena que recibe, devolviendo NaN si fracasa en el intento. parseFloat("3.12.3"); Este ejemplo devuelve NaN ya que la cadena no contiene un número real válido.

  • isNaN(valor)
Devuelve true sólo si el argumento es NaN.

  •  isFinite(numero)
Devuelve true si el número es un número válido y no es infinito.

  • Number(referencia) 
  • String(referencia)
Convierten a número (o referencia) el objeto que se les pase como argumento.

Variables: En jаvascript un identificador de variable debe de comenzar con una letra o con el carácter de subrayado ("_"); seguido de cualquier letra incluyendo digitos (0-9). jаvascript distingue entre mayúsculas y minúsculas.

Se pueden declarar variables de dos formas:

  • Con una simple asignación de un valor; por ejemplo :  x = 42 ; 
  • Con la palabra clave var; por ejemplo :  var x = 42 ;
Literales: Se utilizan para representar valores en jаvascript, y son los siguientes:

  • Integers: Se puede representar en decimal, hexadecimal y octal.
Ejemplos: 42, 0xFFF, -345

  • Punto flotante: Se puede poner con decimales o con notación científica.
Ejemplos: 3.1415, -3.1E12, .1e12, y 2E-12

  • Boolean: Puede tener dos valores; true o false.
  • String: Puede ir entre comillas simples o dobles.
Ejemplos: "blah" , 'blah' , "1234" , "una línea \n otra línea"

Dentro de los string se pueden especificar los siguientes caracteres especiales:

CarácterSignificado
\bbackspace
\fform feed
\nsalto de línea
\rreturn
\t Tabulador
\\carácter backslash
\”carácter comillas dobles

Ejemplos:
var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service."; document.write(quote);
var home = "c:\\temp";

Comentarios


Los comentarios en jаvascript se ponen de la misma forma que en Java.
// Esto es un comentario de una línea.
/* Esto es un comentario de más de una línea */

Continuar...Atrás...Indice del curso....


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!






Efectos jQuery - Ocultar y mostrar

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Como abrir un enlace con jQuery

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Cómo rastrear a los usuarios de Adblock usando Google Analytics

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google WebSite Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial