NorfiPC

Lista de variables y funciones de Javascript para usar en las páginas web

Tweet

Javascript es un lenguaje de programación, es muy usado en el ámbito de la creación y del diseño web ya que posee varias características que lo hacen ideal, por ejemplo: A continuación se muestra una sencilla recopilación de variables y funciones de Javascript, que se pueden emplear en las páginas web en multitud de funciones.
Pero, ¿Que son las variables?
Son porciones de código que devuelven una información específica, por ejemplo direcciones web, título de páginas, datos del navegador utilizado, datos del sitio web, etc. También pueden usarse en sencillas funciones como cambiar la posición o el tamaño de la ventana abierta por el navegador, ejecutar acciones cuando se inicie una página, mostrar mensajes, solicitar confirmación del usuario, redireccionar a otras páginas, mostrar diferentes paginas dependiendo del navegador que se emplee, en fin infinidad de funciones.
Con un poco de imaginación podemos utilizarlas para agregarle funcionalidad y dinamismo a cualquier página.
También nos pueden ayudar a comprender el funcionamiento de la inmensa cantidad de javascript que es común encontrar en el código de cualquier página en la actualidad.
Las variables son indispensables si queremos crear sencillas funciones o nuestros propios Bookmarklets, para utilizarlos, e inclusive compartirlos en la red.

Leyenda

Color violeta = Código
Color azul = Resultado de ejemplos
Color verde = Vínculos de demostración

Como utilizar las variables y funciones de Javascript.

Para mostrar la información que devuelve una variable o ejecutar una función puede hacerse de varias formas:
1- Escribiendo el resultado en la página mediante document.write cuyas opciones aparecen más abajo, por ejemplo de la siguiente forma se escribe la dirección URL de la página actual.

<script type="text/javascript">document.write(location.href)</script>

La función document.write tiene la gran desventaja que si se llama mediante un evento (un link, un botón, etc.) después de estar la página cargada, la destrozará y escribirá el resultado de la variable o la información en una nueva ventana.
2- Otra forma es escribiendo de forma dinámica mediante innerHTML, método un poco más sofisticado pero que permite agregar y cambiar el contenido de la página, respetando los otros elemento que la componen.
3- Utilizando alertas, método sencillo y practico que abre una pequeña ventana o cuadro de dialogo donde aparece el resultado de la variable y el texto que se adicione, es el método que más se utiliza en los ejemplos que se incluyen en esta página para una mejor comprensión.
Para crear una alerta hazlo de cualquiera de las siguientes formas:
Mediante un link.

<a href="javascript:alert(VARIABLE);">NombreLink</a>
<a href="javascript:alert('texto'+VARIABLE);">NombreLink</a>
<a href="javascript:alert('texto+VARIABLE+'texto');">NombreLink</a>

Para impedir que al oprimir el link el navegador salga de la página actual se utiliza void 0 al final, por ejemplo:

<a href="javascript:alert(VARIABLE);void 0">NombreLink</a>

Mediante un boton.

<input type="button" value="NombreBoton" onclick="alert(VARIABLE);" />
<input type="button" value="NombreBoton" onclick="alert('texto'+VARIABLE);" />
<input type="button" value="NombreBoton" onclick="alert('texto+VARIABLE+'texto');" />

De forma similar se pueden ejecutar funciones, ya sea mediante un vínculo o un evento (acciones que pueden ser detectadas por Javascript), el más utilizado de ellos es onclick, pero existen varios, todos ellos se pueden utilizar en cualquier elemento HTML, algunos ejemplos:

<a href="javascript:FUNCIÓN;">NombreLink</a>
<input type="button" value="NombreBoton" onclick="FUNCIÓN;" />
<div onclick="FUNCIÓN;">Texto</div>

◄ Lista de eventos de Javascript códigos y ejemplos prácticos.

Lista de las variables y funciones de Javascript

---

Páginas relacionadas

Páginas relacionadas en sitios externos

• www.w3schools.com
• www.hunlock.com