JAVASCRIPT
¿Que es?
JavaScript es un lenguaje de scripting basado en objetos no tipeado y liviano, utilizado para acceder a objetos en aplicaciones. Principalmente, se utiliza integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas.
¿Qué puede hacer un JavaScript?
JavaScript brinda a los diseñadores HTML una herramienta de programación.
Los diseñadores HTML normalmente no son programadores, pero JavaScript es un lenguaje con una sintaxis muy simple!, Casi todo el mundo puede poner pequeños "fragmentos" de código en las páginas HTML.Puede utilizar JavaScript para validar datos.
JavaScript puede utilizarse para detectar el navegador del visitante: JavaScript puede utilizarse para detectar el navegador del visitante y dependiendo del navegador cargar otra página diseñada específicamente para ese navegador.
JavaScript puede utilizarse para crear cookies: JavaScript puede utilizarse para almacenar y recuperar información en equipo del visitante
JavaScript puede poner texto dinámico en una página HTML, -Un comando de JavaScript como: document.write ("<h1>" + nombre + "</h1>") puede escribir un texto o variable en una página HTML.
JavaScript puede reaccionar a eventos, -Un JavaScript se puede programar para ejecutarse cuando sucede algo, como cuando ha terminado de cargar una página o cuando un usuario hace clic en un elemento HTML.
Puede leer y escribir elementos HTML. Un JavaScript puede leer y modificar el contenido de un elemento HTML
Características
Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.
Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator JavaScript. Pero también existe un Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.
Su sintaxis es similar a la usada en Java y C, al ser un lenguaje del lado del cliente este es interpretado por el navegador, no se necesita tener instalado ningún Framework.otras caracteristicas...
- Variables:
var = “Hola”, n=103
- Condiciones:
if(i<10){ … }
- Ciclos:
for(i; i<10; i++){ … }
- Arreglos:
var miArreglo = new Array(“12”, “77”, “5”)
- Funciones: Ppopias del lenguaje y predefinidas por los usuarios
- Comentarios para una sola línea:
// Comentarios
- Comentarios para varias lineas:
- /
*Comentarios*/
- Permite la programación orientada a objetos:
document.write("Hola");
- Las variables pueden ser definidas como: string, integer, flota, bolean simplemente utilizando “
var”. Podemos usar “+” para concatenar cadenas y variables.
¿Donde puedo ver funcionando JAVASCRIPT?
Entre los diferentes servicios que se encuentran realizados con Javascript en Internet se encuentran:
- Correo
- Chat
- Buscadores de Información
- Reloj
- Contadores de visitas
- Fechas
- Calculadoras
- Validadores de formularios
- Detectores de navegadores e idiomas
También podemos encontrar o crear códigos para insertarlos en las páginas como:
Ejemplos
| Codigo: <html> | |
| <head><title>Calculadora</title> | |
| <script language="JavaScript"> | |
| <!-- Aqui se oculta el script a los visualizadores que no soportan JavaScript | |
| // keep track of whether we just computed display.value | |
| var computed = false | |
| function pushStack(form) | |
| { | |
| form.stack.value = form.display.value | |
| form.display.value = 0 | |
| } | |
| // | |
| // Define a function to add a new character to the display | |
| // | |
| function addChar(input, character) | |
| { | |
| // auto-push the stack if the last value was computed | |
| if(computed) { | |
| pushStack(input.form) | |
| computed = false | |
| } | |
| // make sure input.value is a string | |
| if(input.value == null || input.value == "0") | |
| input.value = character | |
| else | |
| input.value += character | |
| } | |
| function deleteChar(input) | |
| { | |
| input.value = input.value.substring(0, input.value.length - 1) | |
| } | |
| function add(form) | |
| { | |
| form.display.value = parseFloat(form.stack.value) | |
| + parseFloat(form.display.value) | |
| computed = true | |
| } | |
| function subtract(form) | |
| { | |
| form.display.value = form.stack.value - form.display.value | |
| computed = true | |
| } | |
| function multiply(form) | |
| { | |
| form.display.value = form.stack.value * form.display.value | |
| computed = true | |
| } | |
| function divide(form) | |
| { | |
| var divisor = parseFloat(form.display.value) | |
| if(divisor == 0) { | |
| alert("Don't divide by zero, pal..."); | |
| return | |
| } | |
| form.display.value = form.stack.value / divisor | |
| computed = true | |
| } | |
| function changeSign(input) | |
| { | |
| // could use input.value = 0 - input.value, but let's show off substring | |
| if(input.value.substring(0, 1) == "-") | |
| input.value = input.value.substring(1, input.value.length) | |
| else | |
| input.value = "-" + input.value | |
| } | |
| <!-- done hiding from old browsers --> | |
| </script> | |
| </head> | |
| <body bgcolor="00FFFF"> | |
| <h1>Calculadora. Ejemplo de Javascript</h1> | |
| Esta calculadora trabaja de una forma un tanto diferente a como es habitual. Supongamos que quieres sumar dos números. para ello entra el primer número, pulsa ENTER, después el segundo número, y por fin el signo de la operación que quieres hacer, en este caso +. | |
| <center> | |
| <form method="post"> | |
| <table border="1" align=center> | |
| <tr align="center"> | |
| <td colspan = 4> | |
| <table border="0"> | |
| <tr> | |
| <td align=right>Stack:</td><td><input name="stack" value="0"></td> | |
| </tr> | |
| <tr> | |
| <td align=right>Acc:</td><td><input name="display" value="0"></td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr align=center> | |
| <td> | |
| <input type="button" value=" 7 " | |
| onClick="addChar(this.form.display, '7')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 8 " | |
| onClick="addChar(this.form.display, '8')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 9 " | |
| onClick="addChar(this.form.display, '9')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" / " | |
| onClick="divide(this.form)"> | |
| </td> | |
| </tr> | |
| <tr align=center> | |
| <td> | |
| <input type="button" value=" 4 " | |
| onClick="addChar(this.form.display, '4')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 5 " | |
| onClick="addChar(this.form.display, '5')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 6 " | |
| onClick="addChar(this.form.display, '6')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" * " | |
| onClick="multiply(this.form)"> | |
| </td> | |
| </tr> | |
| <tr align=center> | |
| <td> | |
| <input type="button" value=" 1 " | |
| onClick="addChar(this.form.display, '1')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 2 " | |
| onClick="addChar(this.form.display, '2')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" 3 " | |
| onClick="addChar(this.form.display, '3')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" - " | |
| onClick="subtract(this.form)"> | |
| </td> | |
| </tr> | |
| <tr align=center> | |
| <td> | |
| <input type="button" value=" 0 " | |
| onClick="addChar(this.form.display, '0')"> | |
| </td> | |
| <td> | |
| <input type="button" value=" . " | |
| onClick="addChar(this.form.display, '.')"> | |
| </td> | |
| <td> | |
| <input type="button" value="+/-" | |
| onClick="changeSign(this.form.display)"> | |
| </td> | |
| <td> | |
| <input type="button" value=" + " | |
| onClick="add(this.form)"> | |
| </td> | |
| </tr> | |
| <tr align=center> | |
| <td colspan="2"> | |
| <input type="button" value=" Enter " name="enter" | |
| onClick="pushStack(this.form)"> | |
| </td> | |
| <td> | |
| <input type="button" value=" C " | |
| onClick="this.form.display.value = 0 "> | |
| </td> | |
| <td> | |
| <input type="button" value=" <- " | |
| onClick="deleteChar(this.form.display)"> | |
| </td> | |
| </tr> | |
| </table> | |
| </form> | |
| </center> | |
| <hr> | |
| <center> | |
| <h3> | |
| [<a href="javascr.htm">Volver</a>] | |
| </h3> | |
| </center> | |
| </body> | |
| </html> |
0 comentarios:
Publicar un comentario