JavaScript - Colocación en el archivo HTML
Curso de Java: Hay una flexibilidad dada para incluir código JavaScript en cualquier lugar en un documento HTML. Sin embargo las formas preferidas para incluir JavaScript son los siguientes.
Secuencia de comandos en <head>... </head>.
secuencia de comandos en <body> ... </body>.
Secuencia de comandos en <body> ... </body> y <head> ... </head>.
Secuencia de comandos en un archivo externo y luego incluir en <head>... </ head>.
En la siguiente sección, vamos a ver cómo podemos colocar JavaScript en un archivo HTML en diferentes maneras.
JavaScript en <head>... </head>
Si quiere tener una secuencia de comandos se ejecutan en algún evento, como por ejemplo cuando un usuario hace clic en alguna parte, entonces vas a colocar esa secuencia de comandos en la cabeza del documento de la siguiente manera.
<html>
<Head>
<Script type = "text/javascript">
<!--
function sayHello( ) {
alert ( "Hola a todos" )
}
//-->
</script>
</head>
<body>
<input type="button" onclick= "sayHello ( )" value="Say Hello"/>
</body>
</html>
Este código producirá los siguientes resultados producirá un botón que al pulsarlo aparecerá una ventana emergente que dice "Hola a todos"
JavaScript en <body> ... </body>
Si necesitas un script que se ejecute como se carga la página de modo que la secuencia de comandos genera el contenido de la página, a continuación, el comando va en la etiqueta <body> del documento. En este caso, no tendría ninguna función definida para el uso de JavaScript. Echa un vistazo a el siguiente código.
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write ( "Botón 2")
//-->
</script>
<p> Esta es la línea de ejemplo de la página web para ejemplificar el uso de JavaScript</p>
</body>
</html>
Ahora veamos otra forma de incluir un código JavaScript. Esta es en las secciones <body> y <head> Se puede poner el código JavaScript en el <head> y la sección <body> de la siguiente manera por completo:
<html>
<head>
<script type="text/javascript">
<!--
function BotonAyuda( ) {
alert ("Este es un ejemplo de la ventana emergente de ayuda")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write ( "Boton de Ejemplo" )
//-->
</script>
<input type="button" onclick="BotonAyuda( )" value = "Ayuda"/>
</body>
</html>
Esto producirá el siguiente resultado:
En una nota siguiente seguiremos explicandote más sobre el uso del uso de JavaScript en el diseño de paginas web. Te recordamos que necesitas tener conocimientos del uso de HTML. Por esa razón, te sugerimos que también tomes un curso de CSS.
|
