INTRODUCCION A JAVASCRIPT

JavaScript es un lenguaje de programación multiplataforma orientado a objetos que se utiliza

para hacer que las páginas web sean interactivas (p. ej., Que tienen animaciones complejas,
botones en los que se puede hacer clic, menús emergentes, etc.). También hay versiones de
JavaScript de lado del servidor más avanzadas, como Node.js, que te permiten agregar más
funcionalidad a un sitio web que simplemente descargar archivos (como la colaboración en
tiempo real entre varias computadoras). Dentro de un entorno (por ejemplo, un navegador
web), JavaScript se puede conectar a los objetos de su entorno para proporcionar control
programático sobre ellos.

JavaScript contiene una biblioteca estándar de objetos, como Array, Date y Math, y un
conjunto básico de elementos del lenguaje como operadores, estructuras de control y
declaraciones. El núcleo de JavaScript se puede extender para una variedad de propósitos
completándolo con objetos adicionales.

• JavaScript de lado del cliente extiende el núcleo del lenguaje al proporcionar objetos
para controlar un navegador y su Modelo de objetos de documento (DOM
por Document Object Model). Por ejemplo, las extensiones de lado del cliente
permiten que una aplicación coloque elementos en un formulario HTML y responda
a eventos del usuario, como clics del mouse, formularios para ingreso de datos y
navegación de páginas.
• JavaScript de lado del servidor amplía el núcleo del lenguaje al proporcionar objetos
relevantes para ejecutar JavaScript en un servidor. Por ejemplo, las extensiones de
lado del servidor permiten que una aplicación se comunique con una base de datos,
brinde continuidad de información de una invocación a otra de la aplicación o realice
manipulación de archivos en un servidor.

https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Introduction
 HISTORIA DE JAVASCRIPT

JavaScript fue desarrollado originalmente por Brendan Eich de Netscape con el nombre
de Mocha, el cual fue renombrado posteriormente a LiveScript, para finalmente quedar como
JavaScript. El cambio de nombre coincidió aproximadamente con el momento en que
Netscape agregó compatibilidad con la tecnología Java en su navegador web Netscape
Navigator en la versión 2002 en diciembre de 1995. La denominación produjo confusión,
dando la impresión de que el lenguaje es una prolongación de Java, y fue considerada por
muchos como una estrategia de mercadotecnia de Netscape para obtener prestigio e innovar
en el ámbito de los nuevos lenguajes de programación web.910
«JAVASCRIPT» es una marca registrada de Oracle Corporation.11 Es usada con licencia por
los productos creados por Netscape Communications y entidades actuales como
la Fundación Mozilla.1213
Microsoft dio como nombre a su dialecto de JavaScript «JScript», para evitar problemas
relacionadas con la marca. JScript fue adoptado en la versión 3.0 de Internet Explorer,
liberado en agosto de 1996, e incluyó compatibilidad con el Efecto 2000 con las funciones
de fecha, una diferencia de los que se basaban en ese momento. Los dialectos pueden parecer
tan similares que los términos «JavaScript» y «JScript» a menudo se utilizan indistintamente,
pero la especificación de JScript es incompatible con la de ECMA en muchos aspectos.
Para evitar estas incompatibilidades, el World Wide Web Consortium diseñó el
estándar Document Object Model (DOM, o Modelo de Objetos del Documento en español),
que incorporan Konqueror, las versiones 6 de Internet Explorer y Netscape
Navigator, Opera la versión 7, Mozilla Application Suite y Mozilla Firefox desde su primera
versión.[cita requerida]
En 1997 los autores propusieron14 JavaScript para que fuera adoptado como estándar de la
European Computer Manufacturers 'Association ECMA, que a pesar de su nombre no es
europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como un
estándar ECMA, con el nombre de ECMAScript. Poco después también como un
estándar ISO.

https://es.wikipedia.org/wiki/JavaScript
 INCLUIR JAVASCRIPT COMO XHTML

El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del
documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la
página, se recomienda definir el código JavaScript dentro de la cabecera del documento
(dentro de la etiqueta <head>).
Para que la página XHTML resultante sea válida, es necesario añadir el atributo type a la
etiqueta <script>. Los valores que se incluyen en el atributo type están estandarizados y para
el caso de JavaScript, el valor correcto es text/javascript.
Este método se emplea cuando se define un bloque pequeño de código o cuando se quieren
incluir instrucciones específicas en un determinado documento HTML que completen las
instrucciones y funciones que se incluyen por defecto en todos los documentos del sitio web.

El principal inconveniente es que si se quiere hacer una modificación en el bloque de código,

es necesario modificar todas las páginas que incluyen ese mismo bloque de código
JavaScript.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript">
alert("Un mensaje de prueba");
</script>
</head>

<body>
<p>Un párrafo de texto.</p>
</body>
</html>

http://dis.um.es/~lopezquesada/documentos/IES_1314/IAW/curso/UT7/libroswebjavascript
/www.librosweb.es/javascript/capitulo1/como_incluir_javascript_en_documentos_xhtml.ht
ml
 INCLUIR JAVASCRIPT COMO ARCHIVO EXTERNO

Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que
los documentos XHTML enlazan mediante la etiqueta <script>. Se pueden crear todos los
archivos JavaScript que sean necesarios y cada documento XHTML puede enlazar tantos
archivos JavaScript como necesite.

Además del atributo type, este método requiere definir el atributo src, que es el que indica
la URL correspondiente al archivo JavaScript que se quiere enlazar. Cada
etiqueta <script> solamente puede enlazar un único archivo, pero en una misma página se
pueden incluir tantas etiquetas <script> como sean necesarias.
Los archivos de tipo JavaScript son documentos normales de texto con la extensión .js, que
se pueden crear con cualquier editor de texto como Notepad, Wordpad, EmEditor,
UltraEdit, Vi, etc.
La principal ventaja de enlazar un archivo JavaScript externo es que se simplifica el
código XHTML de la página, que se puede reutilizar el mismo código JavaScript en todas
las páginas del sitio web y que cualquier modificación realizada en el archivo JavaScript se
ve reflejada inmediatamente en todas las páginas XHTML que lo enlazan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript" src="/js/codigo.js"></script>
</head>

<body>
<p>Un párrafo de texto.</p>
</body>
</html>

http://dis.um.es/~lopezquesada/documentos/IES_1314/IAW/curso/UT7/libroswebjavascript
/www.librosweb.es/javascript/capitulo1/como_incluir_javascript_en_documentos_xhtml.ht
ml
 SINTAXIS Y EJEMPLO DE CODIFICACION EN JAVASCRIPT

Como a veces, a la hora de maquetar o diseñar nuestra web, nos hace falta usar una
codificación de caracteres especiales, los cuales pueden ser utilizados por el mismo lenguaje
HTML y por tanto están reservados, o queremos usar un lenguaje diferente, con caracteres
propios como por ejemplo: 序, 高, ñ, ç, á, ¡, ¿,…, si nuestra página necesita tener o viene con
una codificación o charset diferente, o incluso nuestra base de datos, viene codificada con un
cotejamiento distinto, pues necesitamos incluir diversas entidades HTML, que sustituyan a
ese carácter o caracteres, y después “traducirlo” y que se muestre en nuestra página.
Pues bien, mediante este ejemplo, podremos codificar o descodificar mediante JavaScript, la
cadena que le indiquemos si nos hiciera falta, mediante 2 métodos muy sencillos que veremos
a continuación.

Codificar Entidad

//Metodo Encode
function codificarEntidad(str) {
var array = [];
for (var i=str.length-1;i>=0;i--) {
array.unshift(['&#', str[i].charCodeAt(), ';'].join(''));
}
return array.join('');
}

Descodificar Entidad

//Metodo Decode
function descodificarEntidad(str) {
return str.replace(/&#(\d+);/g, function(match, dec) {
return String.fromCharCode(dec);
});