Practica3 Javascript

JavaScript
es el lenguaje de programación Web para crear aplicaciones que se ejecutan en

el navegador.
En HTML, el código JavaScript debe insertarse entre las etiquetas <script> y </script>
<script>
document.getElementById(“demo”).innerHTML = “My First JavaScript”;
</script>
Una función de JavaScript es un bloque de código JavaScript, que puede ejecutarse cuando se
solicita.
Por ejemplo, se puede llamar a una función cuando ocurre un evento, como cuando el usuario
hace clic en un botón.
Puede colocar cualquier número de scripts en un documento HTML.
Los scripts se pueden colocar en la sección <body>, o en la sección <head> de una página
HTML, o en ambas.
Los scripts también se pueden colocar en archivos externos.
Los scripts externos son prácticos cuando se utiliza el mismo código en muchas páginas web
diferentes.
Los archivos JavaScript tienen la extensión .js .
Para usar un script externo, se pone el nombre del archivo de script en el atributo src (origen)
de una etiqueta <script>:
<script src=”/js/myScript1.js”></script>
Colocar scripts en archivos externos tiene algunas ventajas:
Separa HTML y código facilita la lectura y el mantenimiento de HTML y JavaScript.
Los archivos JavaScript en caché pueden acelerar la carga de páginas.
Se pueden agregar varios archivos de script a una página.
Declaraciones:
Las declaraciones de JavaScript se componen de valores, operadores, expresiones, palabras

clave y comentarios.
Las declaraciones se ejecutan, una por una, en el mismo orden en que se escriben, los puntos y
coma separan las declaraciones de JavaScript. Agregar un punto y coma al final de cada
instrucción ejecutable:
var a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the value 6 to b
c = a + b; // Assign the sum of a and b to c
Las declaraciones de JavaScript se pueden agrupar en bloques de código, dentro de llaves {...}.
El propósito de los bloques de código es definir sentencias que se ejecutarán juntas.
Ejemplo:
function myFunction() {
document.getElementById(“demo1”).innerHTML = “Hello Dolly!”;
document.getElementById(“demo2”).innerHTML = “How are you?”;
}
Palabra clave Descripción
break Termina un interruptor o un bucle
continue Salta fuera de un bucle y comienza en la parte superior
debugger Detiene la ejecución de JavaScript y llama (si está disponible) a la

función de depuración
do ... while Ejecuta un bloque de sentencias y repite el bloque, mientras que una
condición es verdadera
for Marca un bloque de instrucciones que se ejecutarán, siempre que una

condición sea verdadera
function Declara una función
if ... else Marca un bloque de instrucciones para ser ejecutado, dependiendo de

una condición
return Sale de una función
switch Marca un bloque de sentencias a ejecutar, dependiendo de los

diferentes casos.
try ... catch Implementa el manejo de errores en un bloque de sentencias.
var Declara una variable
JavaScript usa operadores aritméticos (+ - * /) para calcular los valores.

El código después de barras dobles // o entre / * y * / se trata como un comentario.
Ejemplo:
var x = 5; // Esta parte es un comentario
// var x = 6; toda esta línea es un comentario
Funciones:
function name(parameter1, parameter2, parameter3) {
código que será ejecutado
}
Ejemplo:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById(“demo”).innerHTML = toCelsius(77);
Objetos:
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
Geolocalización:
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
Se ejecuta cada 5000 milisegundos:
<script>
var xx = setInterval(function() {
línea que se ejecuta cada 5000 milisegundos;
}, 5000);
</script>
Visitar la web https://www.w3schools.com/js/ para ver ejemplos y conocer más

particularidades de Javascript
PRÁCTICA 3
Añadir ala Practica 1 y 2 un fichero js con algunas de las funcionalidades comentadas y añadir
algunas mas de la página web.

Practica3 Javascript

Cargado por

Copyright:

Formatos disponibles

Practica3 Javascript

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Practica3 Javascript

Cargado por

Copyright:

Formatos disponibles

JavaScript

es el lenguaje de programación Web para crear aplicaciones que se ejecutan en

Colocar scripts en archivos externos tiene algunas ventajas:

Separa HTML y código facilita la lectura y el mantenimiento de HTML y JavaScript.

Los archivos JavaScript en caché pueden acelerar la carga de páginas.

Se pueden agregar varios archivos de script a una página.

Las declaraciones de JavaScript se componen de valores, operadores, expresiones, palabras

a = 5; // Assign the value 5 to a

b = 6; // Assign the value 6 to b

c = a + b; // Assign the sum of a and b to c

Palabra clave Descripción

break Termina un interruptor o un bucle

continue Salta fuera de un bucle y comienza en la parte superior

debugger Detiene la ejecución de JavaScript y llama (si está disponible) a la

for Marca un bloque de instrucciones que se ejecutarán, siempre que una

function Declara una función

if ... else Marca un bloque de instrucciones para ser ejecutado, dependiendo de

return Sale de una función

switch Marca un bloque de sentencias a ejecutar, dependiendo de los

try ... catch Implementa el manejo de errores en un bloque de sentencias.

var Declara una variable

JavaScript usa operadores aritméticos (+ - * /) para calcular los valores.

// var x = 6; toda esta línea es un comentario

function name(parameter1, parameter2, parameter3) {

código que será ejecutado

Se ejecuta cada 5000 milisegundos:

Visitar la web https://www.w3schools.com/js/ para ver ejemplos y conocer más

También podría gustarte

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.