Hay una flexibilidad dada para incluir código JavaScript en cualquier lugar en un documento HTML. Sin embargo las formas más preferidas que incluyen JavaScript en un archivo HTML son los siguientes -
- Guión en <head> ... </ head> sección.
- Guión en <body> ... </ body> sección.
- Guión en <body> ... </ body> y <head> ... </ head> secciones.
- Secuencia de comandos en un archivo externo y luego incluir en <head> ... </ head> sección.
En la siguiente sección, vamos a ver cómo podemos colocar JavaScript en un archivo HTML de diferentes maneras.
JavaScript en <head> ... </ head>
Si usted quiere tener un script ejecutarse en algún evento, por ejemplo, cuando un usuario hace clic en alguna parte, entonces usted va a colocar ese guión en la cabeza de la siguiente manera -
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
Este código producirá los siguientes resultados -
JavaScript en <body> ... </ body> sección
Si usted necesita un script que se ejecute como se carga la página para que el script genera el contenido de la página, a continuación, el guión va en el <body> parte del documento. En este caso, usted no tendría ninguna función definida utilizando JavaScript. Echa un vistazo a el siguiente código.
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>
Este código producirá los siguientes resultados -
JavaScript en <body> y <head> Secciones
Usted puede poner su código JavaScript en <head> y <body> sección por completo de la siguiente manera -
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
Este código producirá el siguiente resultado -
JavaScript en archivo externo
Al comenzar a trabajar más intensamente con JavaScript, usted será probable encontrar que hay casos en los que estás Reutilizando idéntico código JavaScript en varias páginas de un sitio.
Usted no está limitado a mantener el código idéntico en varios archivos HTML. Laescritura de la etiqueta proporciona un mecanismo que le permite almacenar JavaScript en un archivo externo y luego de incluir en tus archivos HTML.
Aquí está un ejemplo para mostrar cómo se puede incluir un archivo JavaScript externo en el código HTML mediante la escritura de etiquetas y su src atributo.
<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>
Para el uso de JavaScript de una fuente de archivo externo, tiene que escribir todo el código fuente de JavaScript en un archivo de texto simple con los ".js" de extensión y luego incluir ese archivo como se muestra arriba.
Por ejemplo, usted puede mantener el siguiente contenido en filename.js archivo y entonces usted puede utilizar sayHello función en su archivo HTML después de incluir el archivo filename.js.
function sayHello() {
alert("Hello World")
}
No hay comentarios:
Publicar un comentario