{"id":10591,"date":"2017-10-25T07:56:13","date_gmt":"2017-10-25T07:56:13","guid":{"rendered":"http:\/\/localhost\/datacraft2023\/internet-javascript\/"},"modified":"2022-08-18T07:51:15","modified_gmt":"2022-08-18T10:51:15","slug":"internet-javascript","status":"publish","type":"page","link":"http:\/\/localhost\/datacraft2023\/internet-javascript\/","title":{"rendered":"Internet: Javascript: introducci\u00f3n al lenguaje y tutorial de programaci\u00f3n"},"content":{"rendered":"

\n

\u00a0Volver al Indice –\u00a0Internet y Tutoriales de Dise\u00f1o Web<\/a><\/h2>\n

\"Internet:<\/p>\n

Por Alejandro Franco –\u00a0cont\u00e1ctenos<\/a><\/h2>\n

Recibimos la siguiente colaboraci\u00f3n que estimamos resulta de inter\u00e9s general para nuestros visitantes y, especialmente, para los webmasters:<\/strong><\/p>\n

JavaScript <\/strong>es un lenguaje de scripts compacto basado en objetos. Originariamente era denominado LiveScript<\/strong>, y fue desarrollado por Netscape<\/strong> para su navegador Netscape Navigator 2.0<\/strong>. Fue \u00e9ste el primer cliente en incorporarlo. Se ejecuta sobre 16 plataformas diferentes, incluyendo los entornos de Microsoft<\/strong>.<\/p>\n

JavaScript <\/strong>permite la realizaci\u00f3n de aplicaciones de prop\u00f3sito general a trav\u00e9s de la WWW y aunque no est\u00e1 dise\u00f1ado para el desarrollo de grandes aplicaciones es suficiente para la implementaci\u00f3n de aplicaciones WWW completas o interfaces WWW hacia otras m\u00e1s complejas.<\/p>\n

\n

Por ejemplo, una aplicaci\u00f3n escrita en JavaScript <\/strong>puede ser incrustada en un documento HTML proporcionando un mecanismo para la detecci\u00f3n y tratamiento de eventos, como clicks del rat\u00f3n o validaci\u00f3n de entradas realizadas en formularios.<\/p>\n

Sin existir comunicaci\u00f3n a trav\u00e9s de la red una p\u00e1gina HTML con JavaScript<\/strong> incrustado puede interpretar, y alertar al usuario con una ventana de di\u00e1logo, de que las entradas de los formularios no son v\u00e1lidas. O bien realizar alg\u00fan tipo de acci\u00f3n como ejecutar un fichero de sonido, un applet de Java<\/strong>, etc.<\/p>\n

JavaScript <\/strong>se basa en el potente lenguaje Java<\/strong> en su uso y sintaxis, pero es interpretado, no compilado. Esto quiere decir que el c\u00f3digo de aplicaci\u00f3n de JavaScript <\/strong>es transferido como texto al navegador junto con el texto HTML. Dicho c\u00f3digo se ejecuta dentro del navegador, con lo que se capacita al usuario para desarrollar aplicaciones sencillas que puedan interactuar con el usuario y ayudarle.<\/p>\n

Con JavaScript<\/strong> es posible responder a determinadas acciones del usuario, tales como pulsaciones del rat\u00f3n, movimientos del rat\u00f3n sobre un vinculo, y crear una entrada de datos (input). Tambi\u00e9n se pueden crear paginas din\u00e1micas que cambian a solicitud del usuario, e incluso ejecutar sonidos o mini-aplicaciones cuando un usuario entra o abandona tu pagina. Este tipo de ajuste a nivel del cliente permite una enorme capacidad de interactividad con los usuarios de sus paginas Web.<\/p>\n

El lenguaje JavaScript <\/strong>se parece a Java<\/strong>, pero es mas sencillo y mas f\u00e1cil de aprender. Una aplicaci\u00f3n en JavaScript<\/strong> puede tener tan solo una linea u ocupar varias paginas. Su complejidad depende del grado en que sus instrucciones hayan de interactuar con la pagina en que se encuentra dicha aplicaci\u00f3n. Para la mayor\u00eda de los creadores de paginas Web, una de las primeras utilidades de JavaScript <\/strong>se da en la validaci\u00f3n de formularios. Se llama as\u00ed a la capacidad de un formulario en HTML para comprobar los datos introducidos por un usuario antes de presentarlos, hecho que mejora notablemente las prestaciones en su servidor y que a la vez disminuye la espera del usuario.<\/p>\n

Seguridad en JavaScript<\/h2>\n

JavaScript<\/strong> fue pensado para que fuera un lenguaje seguro. No permite el uso de punteros, que es la causa mas frecuente de violaciones de la seguridad. Adem\u00e1s al ser un lenguaje interpretado, no hay problemas de tiempo de compilaci\u00f3n y asignaci\u00f3n de memoria, que es otra fuente potencial de violaciones de la seguridad. Por \u00faltimo para minimizar la eficacia de programas creados malintencionadamente, JavaScript<\/strong> no permite incorporar c\u00f3digos grabados en disco.<\/p>\n

JavaScript<\/strong> tiene el inconveniente de que el c\u00f3digo fuente viaja dentro de la p\u00e1gina HTML con lo que cualquier usuario puede leer y modificar dicho c\u00f3digo con lo que la \u00fanica forma de proteger ese c\u00f3digo fuente es insertando una nota de copyright en el c\u00f3digo fuente de la aplicaci\u00f3n.<\/p>\n

Requisitos de JavaScript<\/h2>\n

Los recursos necesarios para poder utilizar y programar en JavaScript<\/strong> son pocos, este es uno sus aspectos mas atractivos, ya que cualquiera puede emplearlo directamente para crear sus propias aplicaciones. Los requisitos hardware necesarios para ejecutar JavaScript<\/strong> son los mismos que se necesitan para ejecutar Netscape Navigator<\/strong>. Es decir que si puedes utilizar Internet Explorer<\/strong> o Netscape Navigator<\/strong>, tienes todo el hardware y software necesario para ejecutar aplicaciones JavaScript<\/strong>.<\/p>\n

Para crear paginas Web que contengan funciones JavaScript<\/strong> es posible emplear cualquier editor de texto. y como JavaScript <\/strong>no necesita compilaci\u00f3n, en cuanto el programa este archivado podr\u00e1 ser probado directamente en el navegador.<\/p>\n

Creaci\u00f3n de programas con JavaScript<\/h2>\n

Para que el navegador reconozca que un archivo contiene funciones escritas en JavaScript<\/strong>, dichas funciones se han de colocar entre dos etiquetas especiales: <script> … <\/script><\/em><\/p>\n

Entre estas dos etiquetas se colocaran las funciones que luego el navegador reconocer\u00e1 cuando cargue la pagina, estas etiquetas tienen atributos como LANGUAGE=”JavaScript”. <\/em><\/p>\n

Ejecutar c\u00f3digo JavaScript<\/strong> es tan f\u00e1cil como visualizar una pagina HTML, una vez cargada la pagina en el navegador, observar\u00e1 los resultados de las funciones JavaScript<\/strong> de forma inmediata. Las aplicaciones JavaScript<\/strong> pueden comprobarse localmente sin necesidad de estar conectado a ninguna red, con lo que los tiempos de carga son muy cortos.<\/p>\n

Programaci\u00f3n en JavaScript<\/h2>\n

Los programas en JavaScript<\/strong> aparecen incrustados en los propios documentos HTML como si de HTML se tratara. Pueden integrarse de dos formas:<\/p>\n

1-. Como programas propiamente dichos, combinando funciones y sentencias, con el mismo aspecto que tendr\u00eda el c\u00f3digo de cualquier otro lenguaje.<\/p>\n

2.- Introduciendo manejadores de eventos JavaScript <\/strong>en etiquetas HTML.<\/p>\n

\n

La etiqueta script:<\/h2>\n

La manera m\u00e1s convencional en que aparece JavaScript <\/strong>en un documento es en forma de programa. Podemos empezar por mostrar unos breves scripts y ver como son implementados dentro de documentos HTML. Empezaremos con un peque\u00f1o programa que muestra un texto en un documento HTML.<\/p>\n

<html><\/em><\/p>\n

<head><\/em><\/p>\n

\u00a1Mi primer JavaScript!<\/em><\/p>\n

<\/head><\/em><\/p>\n

<body> <br><\/em><\/p>\n

Este es un documento HTML normal<\/em><\/p>\n

<br><\/em><\/p>\n

<script language=”JavaScript”><\/em><\/p>\n

document.write(“Esto es JavaScript!”)<\/em><\/p>\n

<\/script> <br><\/em><\/p>\n

En HTML otra vez.<\/em><\/p>\n

<\/body><\/em><\/p>\n

<\/html><\/em><\/p>\n

Este primer programa se limita a escribir en pantalla un determinado texto para lo que se emplea el c\u00f3digo document.write<\/strong>. En este c\u00f3digo, document <\/strong>es un objeto creado por el sistema que hace referencia al propio documento y write <\/strong>es uno de los m\u00e9todos que proporciona para interactuar con \u00e9l. El resultado de cargar este documento en un browser que interprete JavaScript<\/strong> ser\u00e1 la aparici\u00f3n de los dos textos, el escrito en JavaScript<\/strong> y el escrito en HTML, sin que el usuario sea consciente del proceso.<\/p>\n

El resultado ser\u00eda:<\/p>\n

Este es un documento HTML normal.<\/p>\n

Esto es JavaScript!<\/p>\n

En HTML otra vez<\/p>\n

Este script no es muy \u00fatil pero sirve para mostrar el uso de la etiqueta <SCRIPT><\/em>. Puedes usar estas etiquetas en cualquier lugar del documento, tanto en la cabecera como en el cuerpo, aunque si se declaran funciones es m\u00e1s aconsejable hacerlo en la cabecera.<\/p>\n

La etiqueta <SCRIPT><\/em> es una extensi\u00f3n de HTML en la que se encierra el texto que compone el c\u00f3digo del programa JavaScript <\/em>correspondiente de la manera siguiente:<\/p>\n

<SCRIPT><\/em><\/p>\n

Sentencias JavaScript…<\/em><\/p>\n

<\/SCRIPT><\/em><\/p>\n

De esta manera el navegador que “entienda” JavaScript<\/strong> reconocer\u00e1 el texto encerrado entre estas etiquetas como c\u00f3digo JavaScript<\/strong> y no lo mostrar\u00e1 en la pantalla del cliente. Una cuesti\u00f3n importante a considerar es el mantenimiento de la compatibilidad con navegadores anteriores. Cualquier browser ignora las etiquetas desconocidas, por lo tanto, aquellos que no soporten JavaScript ignorar\u00e1n el comienzo y el final del c\u00f3digo del programa (encerrado entre las etiquetas <SCRIPT><\/em> y <\/SCRIPT><\/em>).Para que el resto del c\u00f3digo tambi\u00e9n sea ignorado y no aparezca en la pantalla del cliente, lo encerraremos entre los s\u00edmbolos de comentario HTML, <!– y –>.<\/p>\n

Los navegadores que, por el contrario si lo soporten, interpretar\u00e1n el c\u00f3digo encerrado entre las etiquetas SCRIPT<\/em> e ignorar\u00e1 el principio de la linea en el script que comienza con la doble slash (\/\/) o bien el encerrado entre “\/*” y “*\/”, que son los s\u00edmbolos de comentarios en este lenguaje.<\/p>\n

Un documento puede tener varias etiquetas SCRIPT<\/em>, y cada una de ellas incluir sentencias JavaScript <\/strong>diferentes.<\/p>\n

Si queremos dar la posibilidad de ejecutar un c\u00f3digo alternativo a los browsers que no interpretan JavaScript<\/strong>, debemos utilizar las etiquetas <NOSCRIPT><\/NOSCRIPT> <\/em><\/p>\n

Por ejemplo:<\/p>\n

<SCRIPT><\/em><\/p>\n

<!– Ocultaci\u00f3n a browsers antiguos<\/em><\/p>\n

document.write(“Si ves esto, tu browser interpreta JavaScript”)<\/em><\/p>\n

\/\/ Fin de la ocultaci\u00f3n –><\/em><\/p>\n

<\/SCRIPT><\/em><\/p>\n

<\/HEAD><\/em><\/p>\n

<BODY><\/em><\/p>\n

<NOSCRIPT><\/em><\/p>\n

Si ves esto, tu browser no incorpora la etiqueta<\/em><\/p>\n

<\/NOSCRIPT><\/em><\/p>\n

<\/BODY><\/em><\/p>\n

<\/HTML><\/em><\/p>\n

Con vistas a un uso futuro, esta etiqueta admite un par\u00e1metro opcional LANGUAGE <\/em>que indica el lenguaje de script que se ha incrustado en el documento as\u00ed como la versi\u00f3n de JavaScript<\/strong>.<\/p>\n

<SCRIPT LANGUAGE=”Versi\u00f3n de JavaScript”> <\/em><\/p>\n

Sentencies JavaScript…<\/em><\/p>\n

<\/SCRIPT><\/em><\/p>\n

Las sentencias encerradas entre las etiquetas son ignoradas si el browser que las lee no tiene el nivel de JavaScript <\/strong>especificado en el atributo LANGUAGE<\/em>.<\/p>\n

Puede usar el atributo LANGUAGE <\/em>para escribir scripts que contengan c\u00f3digo para la \u00faltima versi\u00f3n del navegador (con nuevas funciones que no exist\u00edan en versiones anteriores) y que no provoquen un error ejecut\u00e1ndose bajo una versi\u00f3n anterior.<\/p>\n

Existe un par\u00e1metro opcional a la etiqueta <SCRIPT><\/em>, SRC<\/em>. El objeto del mismo es el de actuar como un include<\/em>, incluyendo en el documento un c\u00f3digo JavaScript <\/strong>que pueda ser compartido por diversos documentos, es decir, posibilitar el uso de librer\u00edas. Se recomienda que \u00e9stas tengan extensi\u00f3n “.js<\/strong>“. La sintaxis asociada ser\u00e1:<\/p>\n

El atributo SRC<\/em> debe especificar una URL, relativa o absoluta. Por ejemplo:<\/p>\n

<SCRIPT SRC=”libreria.js”><\/SCRIPT> <\/em><\/p>\n

<SCRIPT SRC=”http:\/\/home.netscape.com\/functions\/libreria.js”> <\/em><\/p>\n

Esta librer\u00eda no puede contener c\u00f3digo HTML, \u00fanicamente definiciones de funciones JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"

que es el javascript ? introduccion al lenguaje y tutorial de programacion.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/pages\/10591"}],"collection":[{"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/comments?post=10591"}],"version-history":[{"count":0,"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/pages\/10591\/revisions"}],"wp:attachment":[{"href":"http:\/\/localhost\/datacraft2023\/wp-json\/wp\/v2\/media?parent=10591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}