Ir al contenido principal

Javascript Manual Lección 2 - ¿Donde incluimos código javascript?

Imagen
De
Una de las primeras cosas que se debe saber es que el código javascript debe estar encerrado por las etiquetas <script>  por ejemplo.
<script>
    alert('Hola Mundo');
</script>

Debemos tener presente que la  etiqueta <script> tiene el atributo type="text/javascript"  el cual deberíamos añadir  para que nuestra página sea válida .
Omitir ese atributo da lo mismo ya que obtuviéramos el mismo resultado si lo indicáramos.

Un ejemplo con el atributo  type="text/javascript".
<script type="text/javascript">
    alert('Hola Mundo');
</script>
* ¿Dónde puedo incluir código javascript?
El código se puede colocar en cualquier lugar pero se recomienda en la cabecera del documento XHTML en el <head>. Ejemplo:
<html>
<title>Mi pagina</title>

 <head>
    <script>
        alert("Hola");
    </script>
</head>

 </html>

* ¿Puedo incluir código javascript de un archivo externo?
Sí, incluir código javascript de otro archivo es muy fácil, sólo se debe añadir la URL del archivo externo al atributo src de la etiqueta <script> .
Ejemplo:

<script type="text/javascript" scr="miArchivo.js"></script>
En este caso el archivo "miArchivo.js" esta en la misma carpeta que mi pagina html. Para crear un archivo .js como el archivo "miArchivo.js" se puede hacer de la misma forma como se creo el archivo .html en la lección 1 .


Ahora veamos si funciona incluir un archivo externo.


En "miPagina.html" pongamos el siguiente código:

<html>
<head>
<script type="text/javascript" scr="miArchivo.js"></script>
</head>
</html>

Ahora en "miArchivo.js" pongamos el siguiente código:
alert('Hola');

Ahora abriendo el archivo "miPagina.html" debería salirnos un mensaje 'Hola'.

* ¿Puedo incluir código javascript en los elementos XHTML?
Las etiquetas HTML tienen atributos en  los cuales se pueden añadir código javascript por ejemplo.


<input type="button" value="Click!" onlick="alert('Hola')">

Poniéndolo en el navegador obtendríamos algo así:



Comentarios

Publicar un comentario

Entradas populares de este blog

Validar campo de texto sólo letras, números con javascript

De
En algunos casos necesitaremos que el usuario ingrese solamente letras en un campo de texto, impidiendo así el ingreso de números y caracteres especiales. Gracias a Javascript y HTML esto puede ser posible.   Método 1:  Podemos utilizar el atributo onkeypress devolviendo el valor de false, si es que se escribe un caracter distinto a la cadena que hemos definido (para el ejemplo es " áéíóúabcdefghijklmnñopqrstuvwxyz").   Método 2: Pasos a seguir: Crear una lista con todas las letras permitidas (a,b,c ... etc). Crear una lista de teclas especiales tales como (BackSpace , flecha izquierda, flecha derecha, Supr) estas son teclas permitidas aparte de las teclas permitidas en el primer paso.     Entendiendo el código En la línea 4 la sentencia String.fromCharCode(key) obteniene el caracter presionado por el usuario que añadiendo la sentencia toLowerCase() convertiríamos la letra a minúscula. Con esto guardamos la letra presionada por el usuario en la variabl
109 comentarios
Read more »

La propiedad Disabled en Javascript

De
Como atributo de un elemento HTML Ejemplo: "Solo añadiendo el atributo disabled". < input type = "button" value = "Desactivado" disabled /> < input type = "text" disabled /> < input type = "button" value = "Boton normal" /> Demostración: El botón y el campo de texto están desactivados Manipulando Disabled usando Javascript Ejemplo 1: Utilizando el "id" del campo de texto en este caso "miText". < script type = "text/javascript" > function Desactivar () { document . getElementById ( 'miText' ) . disabled = true ; } < /script > < input type = "button" value = "Desactivar" onclick = "Desactivar()" / > < input type = "text" id = "miText" / > Demostración: Dándole clic al botón se desactiva el campo de texto. Ejemplo 2:Utilizando el event
2 comentarios
Read more »

Validar campo de texto con javascript

De
Obligar al usuario a introducir un valor en un campo de texto perteneciente a un formulario se puede hacer de la siguiente manera con javascript. Código < script type = "text/javascript" > function validar () { //obteniendo el valor que se puso en campo text del formulario miCampoTexto = document . getElementById ( "miCampo" ) . value ; //la condición if ( miCampoTexto . length == 0 ) { return false ; } return true ; } </ script > < form action = "mipagina.php" onsubmit = "return validar()" > < input type = "text" id = " miCampo " name = "miCampo" > < br > < input type = "submit" value = "Enviar" > </ form > miCampoTexto.length -> indica el número de caracteres del texto introducido En esta validación los usuarios deben llenar los campos
8 comentarios
Read more »