logo 3con14 js cod
logo 3con14 js cod
  • Javascript
  • Conceptos
  • Ejemplos
  • Tips & Tricks
  • ► TAREAS
 
 
icon html5
icon css3
mlogo 3con14 js cod

  • Inicio

El primer script

Existen dos formas de utilizar código JavaScript en nuestros proyectos web:

1ª.- Incrustado dentro del archivo HTML

a) En la cabecera (head),
utilizando la etiqueta script.

b) En cualquier lugar del cuerpo (body),
  utilizando también la etiqueta script.

c) En un evento de un elemento:
en el propio evento o llamando a una función JS

2ª.- Desde un archivo externo, enlazado previamente

Utilizando la etiqueta script vacía, pero con el atributo src para enlazar un archivo externo con extensión .js

Observación: el orden de colocación del código JS dentro de un archivo HTML importa. Es decir, no podemos, por ejemplo, cambiar mediante JS alguna caracteriística de un elemento de la página si antes no se ha cargado dicho elemento.

colocando codigo js

Ejemplo:


<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>El primer script</title>

    <script>
        console.log('Hola Mundo en la consola');
    </script>

</head>

<body>
    <h2>Distintas formas de ejecutar código JS</h2>

    <button onclick="alert('Hola mundo desde botón')">Púlsame, y saludo en ventana</button>

    <script>
        document.write('Hola mundo en el mismo documento'+ '<br>');
    </script>

<script src="js/codigo.js"></script>

</body>
</html>

Salida, en el navegador:

saludo


Más artículos...

  • Glosario
  • 2
  • 3
  • 4
  • 5
  • 6

Recursos

  • Visual Studio Code
  • Sublime Text
  • Prepros
  • CodePen .
  • Dillinger / MDP
Mas...

Mas...

codepen

uniwebsidad

overapi

can i use

w3schools

mdn

eloquent

Archivo .PDF del Libro

js arkaitz

En línea...

Hay 32 invitados y ningún miembro en línea

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 19

Ayer ... 33

Week 19

Mes ... 1408

TOTAL ... 116168

(cc) 3con14. Esta obra está bajo Licencia
Creative Commons Atribución-No Comercial-Compartir Igual 4.0

  • Javascript
  • Conceptos
  • Ejemplos
  • Tips & Tricks
  • ► TAREAS