Incluir Javascript en html

Hay una flexibilidad dada para incluir código JavaScript en cualquier parte de un documento HTML y celulares con android. Pero allí están siguiendo más recomendado: maneras de incluir JavaScript en tu archivo HTML y celulares baratos con android.

 

Guión en la sección <head>…</head>.

 

Guión en la sección <body>…</body>.

 

Secuencia de comandos en el <body>…</body> y <head>…</head> secciones.

 

Escritura externo y en el archivo y luego se incluyen en la sección <head>…</head>.

 

En la siguiente sección veremos cómo podemos poner JavaScript de diferentesmaneras:

 

JavaScript en la sección <head>…</head>:

 

Si quieres tener un script que se ejecuta en algún evento, tales como cuando unusuario hace clic en algún lugar, entonces usted pondrá a ese guión en la cabeza de lasiguiente manera:

 

<html>
<head>
<script type=”text/javascript”>
<!–
función sayHello() {}
Alert (“Hola mundo”)
}
//–>
</script>
</head>
<body>
<input type=”button” onclick=”sayHello()” value=”Say Hello” />
</body>
</html>
Esto se produce el siguiente resultado:

 

Para entender de mejor manera puedes intentarlo tú mismo.Mira como Incluir Javascript en html 

 

JavaScript en la sección <body>…</body>:

 

Si usted necesita un script para ejecutar como carga de la página para que el scriptgenera contenidos en la página, el script va en la parte <body>del documento. En estecaso usted no tendría ninguna función definida mediante JavaScript:

 

<html>
<head>
</head>
<body>
<script type=”text/javascript”>
<!–
Document.Write (“Hello World”)
//–>
</script>
<p>Este es el cuerpo de la página web</p>
</body>
</html>
Esto se produce el siguiente resultado:

 

Anuncios

 

Hola mundo
Este es el cuerpo de la página web
Para entender de mejor manera puedes intentarlo tú mismo.

 

JavaScript en <body>y <head>secciones:

 

Puedes poner tu código JavaScript en <head>y <body>sección en conjunto comosigue:

 

<html>
<head>
<script type=”text/javascript”>
<!–
función sayHello() {}
Alert (“Hola mundo”)
}
//–>
</script>
</head>
<body>
<script type=”text/javascript”>
<!–
Document.Write (“Hello World”)
//–>
</script>
<input type=”button” onclick=”sayHello()” value=”Say Hello” />
</body>
</html>
Esto se produce el siguiente resultado:

 

Anuncios

 

Hola mundo

 

Para entender de mejor manera puedes intentarlo tú mismo.

 

JavaScript en archivo externo:

 

Como comenzar a trabajar más extensivamente con JavaScript, probablementeencontrará que hay casos donde se está reutilizando código JavaScript idéntica envarias páginas de un sitio.

 

No estás limitado a mantener idéntico código en varios archivos HTML. La etiqueta descript proporciona un mecanismo para permitir almacenar JavaScript en un archivoexterno y luego incluirlo en sus archivos HTML.

 

Este es un ejemplo para mostrar cómo puede incluir un archivo externo de JavaScripten su código HTML usando la etiqueta de script y su atributo src:

 

<html>
<head>
<script type=”text/javascript” src=”filename.js” ></script>
</head>
<body>
…….
</body>
</html>
Para utilizar JavaScript desde una fuente externa archivo, tienes que escribir tu códigofuente JavaScript en un archivo de texto con la extensión “.js” y luego incluir ese archivocomo se muestra arriba.

 

Por ejemplo, usted puede seguir contenidos en el archivo archivo.js y entonces puedeutilizar sayHello función en el archivo HTML después de incluir el archivo archivo.js:

 

función sayHello() {}
Alert (“Hola mundo”)
}
Anuncios

Deja un comentario

Archivado bajo Tutoriales Javascript

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s