Lenguajes de script lenguajes de macros o de guiones
This presentation is the property of its rightful owner.
Sponsored Links
1 / 25

Lenguajes de script (lenguajes de macros o de guiones) PowerPoint PPT Presentation


  • 104 Views
  • Uploaded on
  • Presentation posted in: General

Lenguajes de script (lenguajes de macros o de guiones). JavaScript. Diferencias de los lenguajes de script con respecto a los de programación. Funcionan sólo dentro de la aplicación para la que han sido creados .

Download Presentation

Lenguajes de script (lenguajes de macros o de guiones)

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Lenguajes de script lenguajes de macros o de guiones

Lenguajes de script(lenguajes de macros o de guiones)

JavaScript


Diferencias de los lenguajes de script con respecto a los de programaci n

Diferencias de los lenguajes de script con respecto a los de programación

  • Funcionan sólo dentro de la aplicación para la que han sido creados.

    Disponen de una serie de variables, métodos y/o objetospredefinidos que les permiten interactuar con dicha aplicación. La jerarquía de objetos (DOM) depende de la aplicación

  • Son lenguajes interpretados, no compilados.

    La aplicación va ejecutando (y notificando errores) según va leyendo el código, en lugar de pasarlo previamente a código máquina. Son más lentos.

  • Programación más sencilla y cómoda


Qu es javascript

¿Qué es javascript?

  • JavaScript es un lenguaje para scripts basado en objetos (no tiene herencia) y multiplataforma para clientes y servidores.

  • Las aplicaciones cliente (CSJS) corren en un navegador

    Extiende el lenguaje (core) suministrando objetos para controlar un navegador y su DOM (Modelo de Objeto de Documento). Las extensiones client-side permiten a una aplicación colocar elementos en un formulario HTML y responder a eventos del usuario como clicks del ratón, entradas del formulario o navegación

  • Las aplicaciones servidoras (SSJS) corren en un servidor.

    Las extensiones server-side permiten acceder a bases de datos relacionales, manipulación de ficheros en el servidor, etc.


Javascript

JavaScript

  • Tiene una sintanxis similar a C y a Java

  • Creado por Netscape para la versión 2.0 de su navegador

  • Javascriptfue adoptado por Microsoft para su Internet Explorer en la versión 3.0 con el nombre de JScript.

  • Estándar ECMAScript

  • <head>

  • <script>

  • <!-- Sentencias JavaScript... -->

  • </script>

  • </head>


Ficheros de c digo javascript

Ficheros de código JavaScript

  • El atributo de <SCRIPT> permite especificar un fichero con código JS externo al documento HTML en lugar de embeberlo.

  • Este atributo es bastante útil para compartir código entre páginas diferentes.

  • <HEAD>

  • <TITLE>Mi página</TITLE>

  • <SCRIPT SRC="common.js">

  • ...

  • </SCRIPT>

  • </HEAD>

  • <BODY>


Javascript comentarios y literales

JavaScript. Comentarios y literales

  • Comentarios

//Esto es un comentario

/* Esto también es un comentario

pero de más de una línea*/

  • Literales (valores que puede tomar una variable o una constante)


Javascript sentencias y bloques

JavaScript. Sentencias y bloques

  • En Javascript las sentencias se separan con un punto y coma, y se agrupan mediante llaves ({ y }).

{

sentencia1;

sentencia2

}


Javascript variables

JavaScript. Variables

  • No es necesario declarar variables, aunque es recomendable hacerlo, por claridad del código.

  • Declaración:

    • Si una variableno es declarada tiene siempre ámbito global, mientras que en caso contrario será de ámbito global si está definida fuera de una función y local si está definida dentro

    • Se pueden declarar varias variables en una misma sentencia separándolos por comas:

var x;

var x, y, z;


Javascript sentencias condicionales

Javascript. Sentencias condicionales

If ... else

  if(dia=="Domingo") alert(“Hoy es festivo”);

else alert(“Hoy es laborable”);

if ( Condición )

{ bloque con sentencia/s A }

[ else { bloque con sentencia/s B } ]


Javascript sentencias condicionales1

Javascript. Sentencias condicionales

(condicion) ? valor1 : valor2

(dia=="Domingo") ? "Festivo" : "Laborable


Javascript sentencias condicionales2

Javascript. Sentencias condicionales

switch(tipo){case "humano": alert("Eres un Humano");break;

case "planta": alert("Eres un Vegetal");break;

case "animal": alert("Eres del reino Animal");break;

default:alert("Especie Desconocida");break;}

switch ( Expresión ) { case etiqueta :

{ bloque con sentencia/s }[break;]

[case etiqueta :

{ bloque con sentencia/s }[break;]

]...[default :

{ bloque con sentencia/s }

]

}


Javascript sentencias iterativas

Javascript. Sentencias iterativas

for( [ valor_inicial ] ; [ condición ] ; [ incremento ] ) {

sentencias

}

var A= new Array(10);

for( var i=0; i<A.length; i++ ) {

A[i] = 2*i;

document.write("A["+i+"] = "+A[i]+"<br>");

}


Javascript sentencias iterativas1

Javascript. Sentencias iterativas

while ( condición ) {

sentencias

}

var A= new Array(10);

var i=0;

while( i<A.length; ) {

A[i] = 2*i;

document.write("A["+i+"] = "+A[i]+"<br>");

i++;

}


Javascript funciones

Javascript. Funciones

function nombre_funcion(argumentos) {sentencias

}

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function square(number) {

return number * number;

}

</SCRIPT>

</HEAD>

<BODY>

<SCRIPT>

document.write("La funcion devuelta es ", square(5), ".");

</SCRIPT>

</BODY>


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos

Los manejadores de eventos se añaden como atributos a las etiquetas de HTML, poniendo el código JS entre comillas.

<INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)">

Evento Ambito de aplicación Significado Manejador


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos


Lenguajes de script lenguajes de macros o de guiones

Eventos y manejadores de eventos


Lenguajes de script lenguajes de macros o de guiones

Jerarquía de Objetos


Lenguajes de script lenguajes de macros o de guiones

Principales Objetos, propiedades

y métodos

  • navigator

Estos atributos no se pueden sobreescribir, pero sí leer


Lenguajes de script lenguajes de macros o de guiones

Principales Objetos, propiedades

y métodos

  • window


Lenguajes de script lenguajes de macros o de guiones

Principales Objetos, propiedades

y métodos

document

Es un objeto derivado de window


Lenguajes de script lenguajes de macros o de guiones

Principales Objetos, propiedades

y métodos

history


  • Login