JAVASCRIPT

NOMBRE: Castillo Vera Carmen MaríaCurso: 6° ´´ Informática´´

QUE ES JAVA SCRINTP

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,3 basado

en prototipos, imperativo, débilmente tipiado y dinámico. Se utiliza principalmente en su

forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de

usuario y páginas web dinámicas, en bases de datos locales al navegador...4 aunque existe una forma de JavaScript del lado del servidor

(Server-side JavaScript o SSJS).

Historia JavaScript?

JavaScript nació con la necesidad de permitir a los autores de sitio web crear

páginas que permitan intercambiar con los usuarios, ya que se necesitaba crear webs

de mayor complejidad. El HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero se necesitaba interactuar con los usuarios.

En los años de 1990,

Netscape creo Livescript; las primeras versiones de este lenguaje fueron principalmente dedicadas a pequeños grupos de diseñadores Web que no necesitaban utilizar un compilador, o sin ninguna experiencia en la programación orientada a objetos. A medida que estuvieron disponibles nuevas versiones de este lenguaje incluían nuevos componentes que dan gran potencial al lenguaje, pero lamentablemente esta versión solo funcionaba en la última versión del Navigator en aquel momento.

En diciembre de 1995, Netscape y Sun Microsystems (el creador del lenguaje Java) luego de unirse objetivo de desarrollar el proyecto en conjunto, reintroducen este lenguaje con el

nombre de Javascript. En respuesta a la popularidad de Javascript, Microsoft lanzo su propio lenguaje de programación a base de script, VBScript (una pequeña versión de Visual Basic).

 USO DE JAVASCRIPT

En segundo lugar, no está del todo claro que un exceso de JavaScript dificulte de alguna manera el buen posicionamiento. Sin embargo, parece ser que este exceso de JavaScript puede ser un problema para

los robots de los buscadores, y estos pueden salir de nuestra página antes de

indexarla.

Como práctica sana recomendamos ubicar el código JavaScript en un archivo independiente y hacer referencia a este desde las páginas HTML que lo necesiten para su ejecución. El archivo debe tener extensión ".js"

Ejemplo de uso de eval

var string1 = "foo";var string2 = "bar";var funcName = string1 + string2; function foobar(){ alert( 'Hello World' );} eval( funcName + '()' ); // Hello World

Propiedades de JavaScript

toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas:var mensaje1 = "Hola";var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA«

toLowerCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas:var mensaje1 = "HolA";var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola«

charAt(posicion), obtiene el carácter que se encuentra en la posición indicada:var mensaje = "Hola";var letra = mensaje.charAt(0); // letra = Hletra = mensaje.charAt(2); // letra = l

indexOf(caracter), calcula la posición en la que se encuentra el carácter indicado dentro de la cadena de texto. Si el carácter se incluye varias veces dentro de la cadena de texto, se devuelve su primera posición empezando a

buscar desde la izquierda. Si la cadena no contiene el carácter, la función devuelve el valor -1:var mensaje = "Hola";

var posicion = mensaje.indexOf('a'); // posicion = 3posicion = mensaje.indexOf('b'); // posicion = -1

Su función análoga es lastIndexOf():lastIndexOf(caracter), calcula la última posición en la que se encuentra el carácter indicado dentro de la cadena de texto. Si la cadena no contiene el carácter, la función devuelve el valor -1:var mensaje = "Hola";var posicion = mensaje.lastIndexOf('a'); // posicion = 3posicion = mensaje.lastIndexOf('b'); // posicion = -1La función lastIndexOf() comienza su búsqueda desde el final de la cadena hacia el principio, aunque la posición devuelta es la correcta empezando a contar desde el principio de la palabra.

Propiedades básicas

JavaScript dispone de numerosas propiedades y funciones que facilitan la programación de

aplicaciones que manejan formularios. En primer lugar, cuando se carga una página web, el navegador crea automáticamente un array llamado forms y que contiene la referencia a

todos los formularios de la página.

Type: indica el tipo de elemento que se trata. Para los elementos de tipo <input> (text, button, checkbox, etc.) coincide con el valor de su atributo type. Para las listas desplegables normales (elemento <select>) su valor es select-one, lo que permite diferenciarlas de las listas que permiten seleccionar varios elementos a la vez y cuyo tipo es select-multiple. Por último, en los elementos de tipo <textarea>, el valor de type es textarea.■

Form: es una referencia directa al formulario al que pertenece el elemento. Así, para acceder al formulario de un elemento, se puede utilizar document.getElementById("id_del_elemento").form

■ Name: obtiene el valor del atributo name de XHTML. Solamente se puede leer su valor, por lo que no se puede modificar.

Value: permite leer y modificar el valor del atributo value de XHTML. Para los campos de texto (<input type="text"> y <textarea>) obtiene el texto que ha escrito el usuario. Para los botones obtiene el texto que se muestra en el botón. Para los elementos checkbox y radiobutton no es muy útil, como se verá más adelante Por último, los eventos más utilizados en el manejo de los formularios son los siguientes:

Onclick: evento que se produce cuando se pincha con el ratón sobre un elemento. Normalmente se utiliza con cualquiera de los tipos de botones que permite definir XHTML (<input type="button">, <input type="submit">, <input type="image">).

onchange: evento que se produce cuando el usuario cambia el valor de un elemento de texto (<input type="text"> o <textarea>). También se produce cuando el usuario selecciona una opción en una lista desplegable (<select>). Sin embargo, el evento sólo se produce si después de realizar el cambio, el usuario pasa al siguiente campo del formulario, lo que técnicamente se conoce como que "el otro campo de formulario ha perdido el foco".

onfocus: evento que se produce cuando el usuario selecciona un elemento del formulario.

onblur: evento complementario de onfocus, ya que se produce cuando el usuario ha deseleccionado un elemento por haber seleccionado otro elemento del formulario. Técnicamente, se dice que el elemento anterior "ha perdido el foco".

FIN