Debemos tener aprendizaje básico de lo que es HTML para comprender este articulo..
1) Tenemos ya en una carpeta nuestro archivo "nombre.HTML" y nuestro archivo "nombre.js" de HTML y JavaScript correspondientemente.
1.2) En el html incluiremos el siguiente script
<script type="text/javascript" src="apuntes.js"></script>
El Script va una linea antes del cierre de la etiqueta <body>
(es lo mas normal y recomendado , dado que se ejecutara después del flujo de las etiquetas HTML ,entraremos un poco mas a detalle después)
//mas contenido
<script type="text/javascript" src="apuntes.js"></script>
</body>
</html>
En el .JS pondremos un alert();
Quedando así ambos archivos , listos para copiar si gustas probarlos.
apuntes.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Apuntes Navarrete</title>
</head>
<body>
<p>soy un parrafo</p>
<p>soy un parrafo</p>
<script type="text/javascript" src="apuntes.js"></script>
</body>
</html>
apuntes.js
alert("ApuntesNavarrete");
Abrimos apuntes.html con nuestro navegador.
Y estamos listos para escribir y practicar código Javascript.
Pero profe yo he visto el script en otras partes...
Claro por ejemplo; entre las etiquetas <head></head>
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="apuntes.js"></script>
<meta charset="UTF-8">
<title>Apuntes Navarrete</title>
</head>
<body>
<p>soy un parrafo</p>
<p>soy un parrafo</p>
</body>
</html>
Entre otras etiquetas del body
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Apuntes Navarrete</title>
</head>
<body>
<p>soy un parrafo</p>
<script type="text/javascript" src="apuntes.js"></script>
<p>soy un parrafo</p>
</body>
</html>
En ambos casos el resultado será el mismo
pero, esto sucede porque es un código muy simple ,a medida que crezca nuestra aplicación, esto afectara dependiendo el flujo de nuestra pagina , así que de momento hazlo de la forma recomendada en lo que llegas a un punto mas avanzado.
oiga profe , pero tengo mi archivo .js en una carpeta distinta a la de HTML.
En ese caso habrá que indicarle al script desde que archivo a partir del HTML esta tu archivo.
en este caso , a la altura de nuestro archivo HTML hay una carpeta donde se encuentra nuestro archivo JavaScript
<script type="text/javascript" src="nombrecarpeta/apuntes.js"></script>
Cualquier duda ,consejo o sugerencia puedes dejarla en los comentarios del blog.
Document
No hay comentarios:
Publicar un comentario