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

  • Inicio
  • JS
  • Introducción
  • El primer script

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


  • Anterior
  • Siguiente

Introducción

  • ¿Qué es JavaScript?
  • Conocimientos previos
  • Características
  • La consola del navegador
  • El primer script
  • Glosario

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

Licencias ...

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

Visitas ...

Hoy ... 8

Ayer ... 64

Week 8

Mes ... 2368

TOTAL ... 97204

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

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