Mostrando entradas con la etiqueta script src. Mostrar todas las entradas
Mostrando entradas con la etiqueta script src. Mostrar todas las entradas

jueves, 15 de julio de 2021

JavaScript.- Incluir JavaScript en nuestro código HTML (Basico)

 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

Oxidative Stress and Sports

 Oxidative stress occurs when there is an imbalance in the body between free radicals and antioxidants. Free radicals are molecules with unp...