Diferencia entre revisiones de «Programación en JavaScript/FuncionesJS»

Contenido eliminado Contenido añadido
Raulbcneo (discusión | contribs.)
Sin resumen de edición
Raulbcneo (discusión | contribs.)
Sin resumen de edición
Línea 13:
A continuación vamos a estudiar algunas posibilidades que nos aportan las funciones en JavaScript, ya que hay una gran cantidad de ellas. Sin embargo, vamos a repasar las más usadas para el desarrollo web en general.
 
En=== este ejemplo veremos como llamar a unaMostrar ventana de confirmación (aceptar o cancelar): ===
 
<html>
<head>
<script type="text/javascript">
{{JavaScript/Reservada|function}} ver_confirm()
{
{{JavaScript/Reservada|var}} name=confirm("Pulsa un botón")
{{JavaScript/Reservada|if}} (name==true) {
document.write("Has pulsado {el botón Aceptar");
}
document.write("Has pulsado el botón Aceptar");
{{JavaScript/Reservada|else}} {
}
document.write("Has pulsado elseel botón Cancelar");
{}
document.write("Has pulsado el botón Cancelar");
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="ver_confirm()" value="Mostrar una ventana de confirmación">
</form>
</body>
</html>
</html>
 
En=== este ejemplo abriremosAbrir una ventana permitiendo controlar sunueva aspecto:===
 
<html>
<head>
<script language="javascript">
{{JavaScript/Reservada|function}} open_win()
{
window.open("http://www.google.es","nueva","toolbar=yes, location=yes, directories=no,
directories=no, status=no, menubar=yes, scrollbars=yes,
resizable=no, copyhistory=yes, width=400, height=400");
}
</script>
</head>
<body>
<form>
<input type="button" value="Abrir ventana" onclick="open_win()">
</form>
</body>
</html>
</html>
 
El primer parámetro de '''open''' es la dirección que queremos mostrar en la ventana. El segundo es el nombre que queremos darle a la ventana (y que podemos usar, por ejemplo, en el atributo ''target'' de los enlaces). El tercer y último parámetro nos permite definir el aspecto de la ventana según los datos que le indicamos.
 
=== Cambiar la URL actual ===
El siguiente ejemplo nos muestra el uso de location para conseguir la dirección de la página actual en la que nos encontramos o bien ir a una página diferente:
 
El siguiente ejemplo nos muestra el uso de '''location''' para conseguir la dirección de la página actual en la que nos encontramos o bien ir a una página diferente:
<html>
 
<head>
<html>
<script type="text/javascript">
<head>
function actual_location()
<script type="text/javascript">
{{JavaScript/Reservada|function}} actual_location()
{
alert(location);
}
 
{{JavaScript/Reservada|function}} cambiar_location()
{
window.location="http://www.google.es/";
}
</script>
</head>
<body>
<form>
<input type="button" onclick="actual_location()" value="Mostrar la URL actual">
<input type="button" onclick="cambiar_location()" value="Cambiar URL">
</form>
</body>
</html>
</html>
 
Con=== este código podemos imprimirImprimir una página: ===
 
<html>
<head>
<script type="text/javascript">
{{JavaScript/Reservada|function}} printpage()
{
window.print();
}
</script>
</head>
<body>
<form>
<input type="button" value="Imprime esta página" onclick="printpage()">
</form>
</body>
</html>
</html>
 
A=== continuación vamos a ver como cambiarCambiar el tamaño de la ventana actual: ===
 
<html>
<head>
<script type="text/javascript">
{{JavaScript/Reservada|function}} resizeWindow()
{
window.resizeBy(-100,-100)
}
</script>
</head>
<body>
<form>
<input type="button" onclick="resizeWindow()" value="Retallar ventana">
</form>
<p><b>Nota:</b> Si se usan frames, debe utilizarse el elemento <b>top</b> en vez del
del elemento <b>window</b>, para representar el frame superior.</p>
</body>
</html>
 
En=== el siguiente ejemplo vemos como avanzarAvanzar a una posición específica de la ventana: ===
 
<html>
<head>
<script type="text/javascript">
{{JavaScript/Reservada|function}} scrollWindow()
<script type="text/javascript">
function scrollWindow()
{
window.scrollTo(100,500)
}
</script>
</head>
 
</head>
<body>
<form>
<form>
<input type="button" onclick="scrollWindow()" value="Scroll">
</form>
&lt;p&gt;SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL&lt;/p&gt;