Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


apuntes de Javascript, Apuntes de Tecnologías de la Información y la Comunicación

Apuntes de Javascript de 2 de bachillerato

Tipo: Apuntes

2023/2024

Subido el 06/04/2025

marco-valades-carcelen
marco-valades-carcelen 🇪🇸

1 documento

1 / 2

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
CHULETARIO JAVASCRIPT
EVENTOS
Carga de la página: load (hoja de estilo) o onload (en línea) o documento externo.
Ratón:
mouseover / onmouseover
mouseout / onmouseout
Clic:
click / onclick
dblclick / ondblclick
COMANDOS
Tipos de colocación:
En línea
En el head (<script>...</script>)
En un archivo externo (<script src="documento.js"></script>)
TIPOS DE DATOS
Constantes: const num = 3.14593920; (ejemplo: número π)
Números: num = 7;
Booleanas: num = 0 (false), num = 1 (true)
Otros tipos:
num = undefined;
num = null;
num = NaN (NOT A NUMBER - en errores matemáticos)
STRING
Cadenas de texto:
texto = 'hola, gente'; (comillas simples)
texto1 = "hola, people"; (comillas dobles)
TIPOS DE VARIABLES
Globales: var num;
Locales:
function one(){
let num = 4; ... }
OBJETOS
Sustantivo + varios adjetivos (variables) + subvariables (dentro de llaves en la variable)
MÉTODOS
Seleccionar un objeto por:
- Etiqueta (getElementsByTagName('h1')[0])
- Estilo (id o class)
- getElementById('cuñao');
- getElementByClass('tiktok')[0];
- Modificar HTML o CSS en tiempo de ejecución
pf2

Vista previa parcial del texto

¡Descarga apuntes de Javascript y más Apuntes en PDF de Tecnologías de la Información y la Comunicación solo en Docsity!

CHULETARIO JAVASCRIPT

EVENTOS

Carga de la página: load (hoja de estilo) o onload (en línea) o documento externo. Ratón: mouseover / onmouseover mouseout / onmouseout Clic: click / onclick dblclick / ondblclick COMANDOS Tipos de colocación: En línea En el head () En un archivo externo () TIPOS DE DATOS Constantes: const num = 3.14593920; (ejemplo: número π) Números: num = 7; Booleanas: num = 0 (false), num = 1 (true) Otros tipos: num = undefined; num = null; num = NaN (NOT A NUMBER - en errores matemáticos) STRING Cadenas de texto: texto = 'hola, gente'; (comillas simples) texto1 = "hola, people"; (comillas dobles) TIPOS DE VARIABLES Globales: var num; Locales: function one(){ let num = 4; ... } OBJETOS Sustantivo + varios adjetivos (variables) + subvariables (dentro de llaves en la variable) MÉTODOS Seleccionar un objeto por:

  • Etiqueta (getElementsByTagName('h1')[0])
  • Estilo (id o class)
    • getElementById('cuñao');
    • getElementByClass('tiktok')[0];
  • Modificar HTML o CSS en tiempo de ejecución

MÉTODO DE CAMBIO DE CSS

x.addEventListener('mouseover', mesa); Cambio de imagen: x.src = 'gato2.jpg'; Cambio de estilo: x.style.width = '30px'; x.style.fontFamily = 'arial'; x.style.boxShadow = '10px 10px 10px red'; x.style.textAlign = 'right'; FUNCIONES DE FECHA new Date(): Contiene la fecha y la hora. Métodos para acceder a sus elementos:

  • getFullYear(): Devuelve el año (4 dígitos)
  • getMonth(): Devuelve el mes, de 0 a 11.
  • getDate(): Devuelve el día del mes desde 1 a 31.
  • getHours(), getMinutes(), getSeconds(), getMilliseconds(): Devuelven componentes del horario correspondientes. OPERACIONES Suma de texto y variables numéricas: Concatenación: + concatena cadenas y suma números. Ejemplo: "Texto" + 5 resulta en "Texto5". CONDICIONALES Ejecución condicional: if() y else. Condiciones: if (condición) { ... } else { ... }. FUNCIONES DE INTERACCIÓN CON EL USUARIO prompt(): Permite que el usuario introduzca datos en el programa. Ejemplo: prompt('Dime tu nombre'); document.write(): Escribe en el documento, reemplazando su contenido. Funciona de manera similar a alert. Utiliza: document.write('Texto a escribir');