Tutoriales En Linea Tutoriales En Linea
  • Tutoriales
    • Aprendizaje
    • Video Tutorial
    • Manuales
    • Hagalo usted mismo
    • Explorar todo
  • Adobe
    • After Effects
    • Dreamweaver
    • Premiere Pro CC
    • Photoshop
    • Photoshop Mix
    • Lightroom
    • Illustrator
    • Adobe Muse
    • Creative Cloud
  • Android
    • Developer Android
    • Aplicaciones
    • Android Studio
    • Android Wear
    • Desarrolladores
    • SDK Platform-Tools
    • ADB...depuración Bridge
    • Fastboot
    • Root
    • Recovery
  • Apple
    • iPhone y iPad
    • iPhone
    • iPad
    • Mac OS
    • iCloud
    • iTunes
  • Cursos
    • Actívate
    • Autoempleo
    • Idiomas
    • Curso De HTML
    • Curso de C++
    • Javascript
    • jQuery
    • Matematicas
    • Programacion
    • Python
    • Udacity
    • Diseño Web adaptativo
  • Ciberseguridad
    • Malware
    • Ransomware
    • Virus
    • Troyano
    • Dorkbot
    • Filecoders
    • keylogger
    • Spyware
    • Jackware
    • DDoS
    • HackerOne
    • Interpol
  • Criptomonedas
    • Blockchain
    • Mineria de Criptomonedas
    • Bitcoin (BTC)
    • Bitcoin Cash (BCH)
    • DASH (Dash)
    • Dogecoin (Doge)
    • Ethereum (ETH)
    • Litecoin (LTC)
    • Monero (XMR)
    • Ripple (XRP)
    • Zcash (ZEC)
    • Forex
    • Trading
  • Desarrollo Web
    • Sistema de gestion de contenidos
    • AMP
    • Datalife Engine
    • Blogger
    • WordPress
    • Joomla
    • Bootstrap
    • Plantillas
    • @font-face
    • Schema
    • Website
    • Desarrolladores
    • Lenguaje Web
  • Diseño Web
    • Web Responsive
    • Lenguaje Web
    • Datos estructurados
    • HTML
    • CSS3
    • JavaScript
    • Ajax
    • jQuery
    • PHP
  • Entretenimiento
  • Encuestas
    • GlobalTestMarket
    • Centro de opinion
    • Ipsos i-Say
    • Triaba
    • Panel opinea
    • Toluna
    • YouGov
    • ClixSense
    • ySense
    • Panel Cint
    • Beruby
  • Electricidad
  • Electronica
  • Ganar dinero comprando
    • CashbackDeals
    • Cashback
    • Por ir de compras
    • Aklamio
    • Intercambio de tráfico
    • Justificante de pagos
    • Webs estafas
  • Google
    • Google Pay
    • Adsense
    • Gmail
    • Google Apps
    • Google Chrome
    • Google Cloud Platform
    • Google Consumer Surveys
    • Google Desarrolladores
    • Google Fit
    • Google Maps
    • Google Photos
    • Google Play
    • Google Translation
    • DoubleClick
    • YouTube
    • Chromebooks
  • Marketing
    • SEM
    • SEO
    • Posicionamiento
    • Contenido
    • Publisuites
    • Space Content
    • Coobis
    • Marketing
  • Computadora u ordenador
    • Sistemas operativos
      • Windows
      • Mac OS
      • Android
      • Linux
      • Ubuntu
      • Kali Linux
      • Wifislax
    • hardware
    • Software
    • BIOS
    • Unidad de disco duro
    • Programacion
    • Dispositivos
    • Internet
  • Ofimática
    • Microsoft
    • Suite Ofimatica
    • Access
    • Word
    • Excel
    • Powerpoint
    • Outlook
    • Microsoft Publisher
  • PTC
    • No pierdas tiempo con estas web
  • Redes Sociales
    • Delicious
    • Facebook
    • Instagram
    • linkedin
    • Snapchat
    • TikTok
    • Twitter
    • Pinterest
    • Spotify
    • Vkontakte - VK
    • WhatsApp
  • Smartphone
    • Telefonos
    • Telefonia movil y telecomunicaciones
    • Desbloquear
    • Códigos NCK
    • Liberar
    • Tarjeta SIM
    • Tablet
  • Sitio Web
    • Dominios
    • Hosting
    • Servidores
    • Demo DLE
    • Documentación sobre Datalife Engine
    • Modulos DLE
    • Hack
    • Optimizacion
    • Google Adsense
    • Plantillas
  • Tips
    • Cabello
    • Consejos
    • Cremas
    • Cosmético
    • Cuerpo
    • Dieta
    • Exfoliantes
    • Entrenamiento
    • Ejercicio
    • Estilo
    • Fitness
    • Habitos
    • Hidratante
    • Look
    • Maquillaje
    • Moda
    • Piel Radiante
    • Recetas
    • Ropa
    • Rutina
    • Salud
    • Tratamientos
  • Trabajos
    • Atencion al cliente
    • Asistente virtual
    • Transcripcíon
    • Transcripcíones medica
    • Entrada de datos
    • De edicion y correccion
    • Mystery Shopping
    • Micro trabajos
    • Contabilidad
    • Tutoria y aprendizaje
    • Mas ingresos extras
  • Webmasters
    • Git
    • GitHub
    • Criptografia
    • Deep Web
    • Hacker
    • FTP
    • Indexar
    • Newsletter
    • Redes y VPN
    • Herramientas online
  • Windows
    • Skype
    • Windows
    • Windows 11
    • Windows 10
    • Windows 8
    • Windows 7
    • Puerta trasera de Windows
    • Microsoft Edge
Facebook Twitter YouTube Instagram Linkedin
  • Sobre nosotros
  • Últimos artículos
  • Herramientas SEO
  • Ver mas temas
  • Más sitios que te gustarán
Tutoriales En Linea Tutoriales En Linea
  • Secciones
    1. Android
    2. Adobe
    3. Bricolaje
    4. Bachillerato
    5. Cursos
    6. Criptomonedas
    7. Criptografia
    1. Diseño Web
    2. Encuestas
    3. Empleo
    4. Electricidad
    5. Electronica
    6. Forex
    7. Fisica
    1. Google
    2. Hardware
    3. Herramientas Ofimaticas
    4. Herramientas
    5. Internet
    6. Idiomas
    7. IPTV
    1. Lenguajes De Programacion
    2. Libros
    3. Microsoft
    4. Manuales
    5. Matematica
    6. Newsletter
    7. Optimizacion
    1. Redes Sociales
    2. Software
    3. Seguridad
    4. Telefonia
    5. WebSite
    6. Webmasters
    7. Ver todas las categorias
    8. Post promocionado
  • Smartphone
    Los smartwatch: ¿La nueva tendencia en tecnología?

    Los smartwatch: ¿La nueva tendencia en tecnología?

    Cómo AirDroid te ayuda a administrar tu teléfono de forma eficiente

    Cómo AirDroid te ayuda a administrar tu teléfono de forma eficiente

    Ya puedes usar WhatsApp en múltiples dispositivos inteligentes al mismo tiempo

    Ya puedes usar WhatsApp en múltiples dispositivos inteligentes al mismo tiempo

    Llega su fin a las aplicaciones preinstaladas para una experiencia de usuario mejorada

    Llega su fin a las aplicaciones preinstaladas para una experiencia de usuario mejorada

    Compartir archivos entre Windows y Android nunca fue tan fácil con Near Share

    Compartir archivos entre Windows y Android nunca fue tan fácil con Near Share

  • Tecnología
    1. Móviles
    2. Ordenadores
    3. Software
    4. Hardware
    5. Seguridad
    6. Ver todo
    Los smartwatch: ¿La nueva tendencia en tecnología?

    Los smartwatch: ¿La nueva tendencia en tecnología?

    Cómo AirDroid te ayuda a administrar tu teléfono de forma eficiente

    Cómo AirDroid te ayuda a administrar tu teléfono de forma eficiente

    Ya puedes usar WhatsApp en múltiples dispositivos inteligentes al mismo tiempo

    Ya puedes usar WhatsApp en múltiples dispositivos inteligentes al mismo tiempo

    Llega su fin a las aplicaciones preinstaladas para una experiencia de usuario mejorada

    Llega su fin a las aplicaciones preinstaladas para una experiencia de usuario mejorada

    How to clean up and optimize your MacBook

    How to clean up and optimize your MacBook

    Cómo crear un USB de arranque para instalar Windows 10 y 11

    Cómo crear un USB de arranque para instalar Windows 10 y 11

    Cómo deshabilitar la desfragmentación de SSD y HDD en Windows 10 y 11

    Cómo deshabilitar la desfragmentación de SSD y HDD en Windows 10 y 11

    Historia de los sistemas operativos

    Historia de los sistemas operativos

    Cómo migrar de Wix a Shopify [Actualización 2023]

    Cómo migrar de Wix a Shopify [Actualización 2023]

    Libérate de las tareas rutinarias: aprovecha el Software de gestión AgendaPro

    Libérate de las tareas rutinarias: aprovecha el Software de gestión AgendaPro

    How to clean up and optimize your MacBook

    How to clean up and optimize your MacBook

    GameBoyAdvance Online, los juegos de la mítica consola ahora en pantalla completa

    GameBoyAdvance Online, los juegos de la mítica consola ahora en pantalla completa

    Cómo deshabilitar la desfragmentación de SSD y HDD en Windows 10 y 11

    Cómo deshabilitar la desfragmentación de SSD y HDD en Windows 10 y 11

    Benefits Of Vertical Dual Monitors For Coding And Programming

    Benefits Of Vertical Dual Monitors For Coding And Programming

    AMD ha identificado la causa de la quema de los procesadores Ryzen 7000 y ha lanzado un nuevo AGESA para corregir el problema

    AMD ha identificado la causa de la quema de los procesadores Ryzen 7000 y ha lanzado un nuevo AGESA para corregir el problema

    Aumenta el rendimiento de tu PC con el overclocking

    Aumenta el rendimiento de tu PC con el overclocking

    Virus en el sistema DataLife Engine (DLE) y cómo tratarlos

    Virus en el sistema DataLife Engine (DLE) y cómo tratarlos

    La ciberseguridad: Vital Para Las Apuestas Online en España

    La ciberseguridad: Vital Para Las Apuestas Online en España

    Microsoft busca aprovechar el increíble talento de las mujeres para ayudar a llenar la brecha de seguridad cibernética

    Microsoft busca aprovechar el increíble talento de las mujeres para ayudar a llenar la brecha de seguridad cibernética

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Cómo rastrear fácilmente la ubicación de sus seres queridos en Android

    Aprovecha la tecnología para una experiencia de adoración más profunda

    Aprovecha la tecnología para una experiencia de adoración más profunda

    Cómo Microsoft cambiará el juego con la Xbox Series X sin disco

    Cómo Microsoft cambiará el juego con la Xbox Series X sin disco

    Los smartwatch: ¿La nueva tendencia en tecnología?

    Los smartwatch: ¿La nueva tendencia en tecnología?

    Las tecnologías de Linux, Windows y Android se unen en OpenKylin 1.0

    Las tecnologías de Linux, Windows y Android se unen en OpenKylin 1.0

  • Estilo de vida
    1. Entrenamiento
    2. Maquillaje
    3. Dieta
    4. Moda
    5. Trucos y tips
    6. Ver todo
    Desarrolla un cuerpo fuerte y saludable

    Desarrolla un cuerpo fuerte y saludable

    ¿Qué es la forma física?

    ¿Qué es la forma física?

    Mejora los resultados de tu entrenamiento de estabilidad y fuerza

    Mejora los resultados de tu entrenamiento de estabilidad y fuerza

    Consejos para maximizar las caminatas diarias

    Consejos para maximizar las caminatas diarias

    Consejos para aplicar pestañas postizas

    Consejos para aplicar pestañas postizas

    ¿Por qué es importante preparar la piel antes de maquillarla?

    ¿Por qué es importante preparar la piel antes de maquillarla?

    La nutrición y un cabello saludable

    La nutrición y un cabello saludable

    Consejos para una piel perfecta este invierno

    Consejos para una piel perfecta este invierno

    Cosas que le pasan a tu cuerpo cuando comes salmón todos los días

    Cosas que le pasan a tu cuerpo cuando comes salmón todos los días

    Batidos de proteínas pueden ayudar a mejorar sus hábitos alimenticios

    Batidos de proteínas pueden ayudar a mejorar sus hábitos alimenticios

    Batidos de proteinas - Una guía para principiantes

    Batidos de proteinas - Una guía para principiantes

    Recetas de batidos Herbalife

    Recetas de batidos Herbalife

    Inspiración de traje de otoño

    Inspiración de traje de otoño

    La dura verdad sobre las modelos de talla grande

    La dura verdad sobre las modelos de talla grande

    Razones por las que las marcas de moda de lujo son tan caras

    Razones por las que las marcas de moda de lujo son tan caras

    Cuales son las mejores frutas para adelgazar

    Cuales son las mejores frutas para adelgazar

    Como enseñar a leer y a escribir

    Como enseñar a leer y a escribir

    Como generar cuentas premium Disneyplus

    Como generar cuentas premium Disneyplus

    Calcular porcentajes con la Calculadora de Windows 10

    Calcular porcentajes con la Calculadora de Windows 10

    Cómo conectar un televisor a un ordenador a través de Wi-Fi

    Cómo conectar un televisor a un ordenador a través de Wi-Fi

    ¿Por qué es importante preparar la piel antes de maquillarla?

    ¿Por qué es importante preparar la piel antes de maquillarla?

    Consejos de belleza para lucir fresca en el verano

    Consejos de belleza para lucir fresca en el verano

    Bricolaje para la decoración del hogar

    Bricolaje para la decoración del hogar

    Top 10 de posturas de yoga

    Top 10 de posturas de yoga

  • Marketing
    ¿Sirven de algo los diseñadores Web?… ¿y los redactores de contenido?

    ¿Sirven de algo los diseñadores Web?… ¿y los redactores de contenido?

    ¿Qué es un Link Dofollow?

    ¿Qué es un Link Dofollow?

    ¿Qué es Nofollow?

    ¿Qué es Nofollow?

    ¿Qué es el remarketing?

    ¿Qué es el remarketing?

    ¿Qué es el posicionamiento web (SEO) y lo necesito para mi sitio web?

    ¿Qué es el posicionamiento web (SEO) y lo necesito para mi sitio web?

  • Juegos
    Para qué se pueden usar las Gafas VR PS4

    Para qué se pueden usar las Gafas VR PS4

    Colaboración entre Sony INZONE y EXCEL Esports

    Colaboración entre Sony INZONE y EXCEL Esports

    Sony prohíbe cuatro juegos de terceros en Xbox

    Sony prohíbe cuatro juegos de terceros en Xbox

    La nueva generación de realidad virtual de PlayStation®VR2 y PlayStation®5

    La nueva generación de realidad virtual de PlayStation®VR2 y PlayStation®5

    Prepárate para el futuro: Project Trinity llega a finales de 2024

    Prepárate para el futuro: Project Trinity llega a finales de 2024

  • Herramientas

¡Bienvenido de nuevo!

Inicie sesión o Regístrate ahora

VK

o con Email

¿Has olvidado tu contraseña?
Búsqueda extendida

Escriba arriba y presione Enter para buscar.


Tutoriales En Linea » Lenguajes De Programacion » Funciones

Funciones


Tutoriales En Linea Por Tutoriales En Linea En: Lenguajes De Programacion, javascript, Cursos, Noticias, Tutorial 0 Octubre 21, 2019

1.7К
VISTO
Twitter Facebook Pinterest VKontakte LinkedIn Tumblr WhatsApp Email
Compartir
Facebook Twitter Pinterest LinkedIn Tumblr WhatsApp VKontakte
FuncionesEn jаvascript también podemos definir funciones (por medio de la palabra reservada function), pasarles argumentos y devolver valores. La estructura general de la definición de una función es:
function nombre_funcion(arg1, ... , argN) {
                         Código de la función
Return (valor de retorno);}

Ámbito de las variables


En jаvascript tenemos variables locales y variables globales. Las variables locales serán aquellas que se definan dentro de un función, mientras las variables globales serán aquellas que se definan fuera de la función, y podrán ser consultadas y modificadas por cualquiera de las funciones que tengamos en el documento HTML.

Ejemplo:
<script languaje=“jаvascript”>
<!--
var x;    // variable global
function f (valor ){
x = 3; // variable local, con una asignación. return (valor+x);
}
// -->
</script>
Para llamar a una función:
<body>
<script>
document.write("El valor retornado por la función es: ",f (5 ), ".")
</script>
</body>

Método write y writeline


Para sacar mensajes por pantalla se utiliza el método: write( ) Ejemplos:

var texto=“esto es un mensaje de texto”; 
document.write (` Esto es un mensaje `);
document.write (texto);
document.write (texto + ` más largo');


El método writeline() produce, además de sacar un mensaje por pantalla, un retorno de carro.

La ventana prompt


La función PROMPT sirve para poder pedir un dato al usuario. La respuesta por defecto es optativa, si no la ponemos, no hay respuesta por defecto. Esta función devuelve una cadena con la respuesta que hayamos introducido, tras pulsar el botón “Aceptar”. Si cancelamos, devuelve NULL.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>La ventana prompt</title> 

</head> 
<body>

<script language="jаvascript" type="text/jаvascript">

<!--
function fu()
{
nombre=prompt("¿Como te llamas?","defecto"); if (nombre!=null){
alert("hola"+nombre);}
}
-->
</script>

<input type="button" value="pulsa" onclick="fu()">

</body>
</html>
       
Ver resultado...

Objetos de jаvascript


Se definen objetos que están relacionados con la fecha actual, la ventana del navegador, etc. Cada objeto tiene por un lado unas propiedades (el color de fondo de una página por ejemplo) y por el otro lado tiene métodos (funciones que se pueden realizar con ese objeto). Sobre estos objetos se pueden producir eventos.

Los eventos que se pueden producir en jаvascript son:

  • onblur: se produce cuando un elemento pierde el foco. 
  • onclick: se produce cuando pinchamos sobre ese elemento.
  • onchange: se produce cuando el usuario cambia el valor de algún elemento. 
  • onfocus: se produce cuando un elemento coge el foco.
  • onload: se produce al cargar esta página en el navegador. 
  • onmouseover: se produce cuando pasamos el ratón por encima. 
  • onmouseout: se produce cuando el ratón salga de ese elemento. 
  • onselect: se produce cuando seleccionamos un elemento.
  • onsubmit: se produce cuando pulsamos el botón “Enviar” de un formulario. 
  • onunload: se produce cuando el usuario abandona una web.
Los objetos integrados en jаvascript son:

  • Anchor
  • Button
  • Checkbox
  • Date
  • Document
  • Elements (array)
  • Form
  • Frame
  • Hidden
  • History
  • Link
  • Location
  • Math
  • Navigator
  • Password
  • Radio
  • Select
  • Reset
  • String
  • Submit
  • Text
  • Textarea
  • Window
Los eventos se pueden producir en todo el documento y para que eso pase debemos aplicar este evento en la etiqueta Body. La segunda zona donde se produce un evento es en un formulario y para esto, el evento lo debemos incluir en la etiqueta Form. La tercera zona donde se pueden producir eventos es sobre un elemento eventual como un botón o un campo de texto de un formulario.

Cada elemento de un formulario puede llevar determinados eventos:

  • <SELECT> € onblur, onchange, onfocus. 
  • Type = “checkbox” € onclick
  • Type = “radio” € onclick 
  • Type = “reset” € onclick 
  • Type = “button” € onclick 
  • Type = “submit” € onclick
  • Type “ text”€ onblur, onchange, onfocus, onselect
  • <TEXTAREA> € onblur, onchange, onfocus, onselect Fuera de un formulario:
  • Documento <BODY> € onload, onunload
  • <FRAME> € onload, onunload
  • <A href> € onclick, onmouseover, onmouseout
  • <FORM> € onsubmit

Objeto String



Es un tipo de objeto de jаvascript que nos permite trabajar con cadenas de caracteres. La única propiedad que tiene es length la cual contiene el número de caracteres de ese objeto. La sintaxis para usar las propiedades es:
nombre objeto.propiedad
Los métodos de este objeto son:

  • Anchor () € crea un elemento ancla (enlace) e irá donde le diga el objeto string. Con “cadena”, visualizaremos lo que queramos que se vea en la web.
  • Big () € muestra la cadena a la que hacemos referencia con una fuente grande. Blink () € muestra la cadena parpadeando.
  • Bold () € muestra la cadena en negrita.
  • CharAt (índice) € muestra el carácter que esté en la posición que indique índice. Fixed () € muestra la cadena en un tipo de letra de ancho fijo.
  • Fontcolor () € muestra esa cadena en el color especificado en formato HTML.
  • IndexOf (subcadena, inicio) € devuelve la posición o el índice de la primera letra o subcadena que coincida con subcadena a partir de inicio.
  • Italics () € muestra la cadena en letra cursiva.
  • LastIndexOf (subcadena) € devuelve la posición de la última letra o subcadena que coincida con el parámetro que hemos pasado.
  • Link (URL) € hace lo contrario que el método anchor. Nos aparecerá subrayado el contenido del objeto string.
  • Small ()€ muestra la cadena con un tipo de fuente pequeño. Strike () € muestra la cadena con el texto tachado.
  • Sub () € muestra la cadena en subíndice. Sup () € muestra la cadena en superíndice.
  • Substring (inicio, final) € nos devuelve el texto contenido entre la posición inicial y final. ToLowerCase () € nos devuelve la cadena en minúsculas.
  • ToUpperCase () € nos devuelve la cadena en mayúsculas

Ejemplo
<script language="jаvascript" type="text/jаvascript">
<!—
var frase = “Hoy es Lunes”;
document.write (“frase =” + frase + `<br>'); 
document.write (“Longitud =” + frase.length + `<br>'); 
document.write (“Negrita =” + frase.bold + `<br>'); 
document.write (“Negrita =” + frase.bold () + `<br>');
document.write (“Mayúsculas =” + frase.toUpperCase () + `<br>');
//-- >
</script>

Objeto Math


Lo utilizaremos para efectuar cálculos matemáticos o funciones trigonométricas. Sus propiedades son:

  • E: contiene el número e.
  • LN2: contiene el logaritmo natural de 2. LN10: contiene el logaritmo natural de 10. LOG2E: contiene el logaritmo de e en base 2.
  • LOG10E: contiene el logaritmo de e en base 10. PI: contiene el número pi.
  • SQRT1_2: contiene la raíz cuadrada de ½. SQRT2: contiene la raíz cuadrada de 2.
  • Sus métodos son:
  • Abs (n) € devuelve el valor absoluto de n.
  • Acos (n) € devuelve el arcocoseno de n expresado en radianes. Asin (n) € devuelve el arcoseno de n expresado en radianes.
  • Atan (n)€ devuelve la arcotangente del ángulo n.
  • Ceil (n) € devuelve el menor valor entero que es igual o mayor que n. Cos (n) € devuelve el coseno del ángulo n.
  • Exp (n) € devuelve el número e elevado a n.
  • Floor () € devuelve el valor entero mayor que sea igual o menor que n. Log (n) € calcula el logaritmo natural de n en base e.
  • Max (x,y) € devuelve el mayor de x e y. Min (x,y) € devuelve el menor de x e y.
  • Pow (x,y) € calcula la potencia x elevado a y.
  • Random () € devuelve un número aleatorio entre cero y uno. Round (n) € devuelve el número redondeado.
  • Sin (n) € devuelve el seno del ángulo n expresado en radianes. Sqrt (n) € devuelve la raíz cuadrada de n.
  • Tan (n) € nos devuelve la tangente del ángulo n.

Objeto Date


Se usa para trabajar con fechas y con horas. Por ejemplo:
Var fecha = new Date (); (Fecha y hora del equipo) También se puede poner:
Var fecha = new Date (cadena); siendo cadena (“día, mes, año, hh, mm, ss”) La tercera manera de ponerlo es:
Var fecha = new Date (año, mes, día, hh, mm, ss);
Este objeto no tiene propiedades. Sus métodos son:

  • GetDate () € nos devuelve el día del mes. Un número entre 1 y 31. GetDay () € nos devuelve el día de la semana siendo el cero el domingo. GetHours () € nos devuelve la hora.
  • GetMinutes () € nos devuelve los minutos comprendidos entre 0 y 59. GetMonth () € nos devuelve el número del mes siendo el cero enero. GetSeconds () € nos devuelve los segundos comprendidos entre 0 y 59.
  • GetTime () € nos devuelve los milisegundos que han pasado desde el de enero de 1970 hasta la fecha indicada.
  • GetYear () € devuelve el año.
  • SetDate () € establecemos el día del mes. SetHours () € establecemos las horas.
  • SetMinutes () € establecemos los minutos. SetMonth () € establecemos el mes.
  • SetSeconds () € establecemos los segundos.
  • SetTime (ms) € devuelve la fecha equivalente a los milisegundos que le pasemos a partir del 1 de enero de 1970.
  • SetYear () € establecemos el año.
  • ToLocaleString () € nos devuelve una cadena que contiene la fecha actual.
  • Parse () € le pasamos una cadena y lo convierte a un objeto de tipo date.
Ejemplo:
<body>
<script language="jаvascript" type="text/jаvascript">
var fecha = new Date ();
document.write (“Hoy estamos a” + fecha.getDate ()); 
document.write (“del mes nº” + fecha.getMonth () + 1); 
document.write (“del año” + fecha.getYear () + 1900);
document.write  (“y  son  las”  +  fecha.getHours  () + “horas”  + fecha.get.Minutes () + “Minutos”);
</script>
</body>

Objeto Window


Hace referencia a la ventana del navegador, al programa. Las propiedades de este objeto son:

  • DefaultStatus: contiene el mensaje a mostrar en la barra de estado del navegador. Frames: es un array que contiene todos los frames de una página.
  • Length: contiene el número de frames. Name: contiene el nombre de la ventana.
  • Parent: se utiliza para hacer referencia a alguna ventana que contenga la etiqueta frameset. Self: hace referencia a la ventana activa.
  • Status: hace referencia a la barra de estado del navegador. Top: hace referencia a una ventana superior del navegador.
  • Window: es lo mismo que self, hace referencia a la ventana activa.
  • Document: hace referencia al documento que estamos viendo en el navegador. Frame: hace referencia al frame activo. Devolvería el nombre del frame activo. Location: contiene la URL del documento que se muestra.
  • Los métodos son: (pudiendo poner window.método () o método a secas)
  • Alert (“mensaje”) => muestra una ventana de alerta con el mensaje que pongamos y un botón de aceptar.
  • Close ()  => cierra una ventana.
  • Confirm (“mensaje”)  => muestra una vetana con un botón de aceptar o cancelar.
  • Open (“URL”, “nombre ventana”, [opciones])  => abre una nueva ventana y carga en esa ventana el documento que refleje URL. Con nombre ventana le asignamos un nombre para poder cerrarla después.
Las opciones son:

  • toolbar = yes/no :si queremos que la ventana nueva tenga la barra de herramientas.
  • location = yes/no : hace referencia al campo donde introducimos la URL donde introducimos la URL de la página.
  • directories = yes/no : hace referencia a los botones de directorio. 
  • status = yes/no : hace referencia a la barra de estado.
  • menubar = yes/no : hace referencia a la barra de los menús.
  • scrollbar = yes/no : si queremos que la ventana tenga barras de desplazamiento. 
  • resizable = yes/no :si queremos que la ventana se pueda redimensionar.
  • width = número :ancho de la ventana. 
  • height = número :alto del navegador.

prompt (“mensaje” [“cadena”]  => nos muestra una ventana con un botón de aceptar, otro de cancelar y una caja de texto. Para recoger el dato introducido, este método se puede guardar en una variable. Por ejemplo: var cad = prompt (“Escribe tu nombre”)
setTimeout (ms)  => retrasa la ejecución de una instrucción los milisegundos que le indiquemos. También hay que guardarlo en una variable.
focus ()  => coloca el enfoque en una determinada ventana. Hace referencia a la ventana activa. Por ejemplo: ventana2.focus ().
blur ()  => quita el enfoque de la ventana activa que indiquemos.
scroll ()  => recorre la ventana.

Objeto Location


Este objeto hace referencia al campo dirección de la ventana del navegador. Además de ser independiente, es una propiedad del objeto window. No tiene ningún método. Sólo tiene propiedades. El formato es:
Protocol//hostname : port pathname search hash 
Protocol => hace referencia al tipo de protocolo incluyendo los dos puntos.
Hostname => hace referencia a la dirección de la página siendo su número IP o su nombre del dominio.
Port => hace referencia al puerto por el que se realiza la conexión. Por defecto en HTTP es 80.
Pathname => hace referencia a la ruta del directorio de la página.
Search => hace referencia a la ruta del directorio de la página. Es equivalente al parámetro TARGET de HTML.
Hash => especifica un nombre de ancla (enlace a una misma página). EJEMPLO

Ejemplo:
<body>
<a name = “top”> </a>
Al final de la página hay un botón
<br>
<script language = “jаvascript”>
<!—
for (var i = 1; i<40; i++) {
document.write(“más abajo”+'<BR><P>');
//-->
</script>
<formname = “formulario”>
<input type = “button” name = “botón” value = “volver arriba” onclick = “location.hash = `top'”>
</form>
</body>
Ejemplo:
<html>

<head> 
<title>Nueva ventana </title> 

</head> 

<body>
<script language = “jаvascript”>
<!—
= no”);
function abrir () {
miventana = open (“”, “Mi_ventana, toolbar = no, directories = no, menubar = no”);
miventana.document.write(“<head><title>Una nueva ventana</title></head>”);
miventana.document.write(“<center><H1><b>Cabeceras</b></h1>
</center>”);
}
//-->
</script>

<form>
<input type = “button” name = “botón” value = “Pincha aquí” onclick = “abrir ()”>
</form>


</body>
</html> 

Objeto Document


Hace referencia al archivo HTML que vemos en el navegador. Las propiedades que tiene son:

  • Alinkcolor => hace referencia al color de un enlace cuando pinchemos en él.
  • Anchors => es un array que contiene las anclas que hay en el documento.
  • Bgcolor => hace referencia al color de fondo de nuestra página.
  • Cookie => hace referencia a una cookie.
  • Forms => es un array que contiene los formularios que hay en el documento.
  • LastModified => hace referencia a la última fecha y hora de la modificación de la página.
  • LinkColor => se refiere al color del enlace cuando aún no lo hemos visitado.
  • Links => es un array que hace referencia a los enlaces que hay en nuestra página.
  • Location => contiene la URL de nuestro documento.
  • Title => se refiere al título de la página.
  • Vlinkcolor => se refiere al color de un enlace cuando ya lo hemos visitado.
  • Length => (sólo para anchors, forms, links) contiene el número de elementos de ese array. Los métodos son:
  • Clear () => borra la página de nuestra navegador.
  • Close () => cierra el documento pero no cierra la ventana. Open () € vuelve a hacer activos todos esos elementos. Write () € imprime una cadena en la página.
  • Writln () => imprime una cadena en la página haciendo un salto de línea aunque suele funcionar en sistemas operativos UNIX.

Objeto History


Contiene las direcciones que el usuario ha visitado en la ventana actual.

Sólamente tiene una propiedad:

Length => contiene el número de registros del objeto history.

Los métodos son:

  • Back () => va a la página anterior. 
  • Forward () => va a la página siguiente.
  • Go () => va al registro que nosotros le indiquemos.
Se puede hacer referencia a este objeto de tres maneras diferentes:

Document.history : ventana actual 
Nombre marco.history
Ventana.history

Objeto Navigator


Contiene información sobre el navegador que está utilizando el usuario. No tiene métodos y tiene tres propiedades:

  • AppCodeName => contiene el código del navegador.
  • AppName => contiene el nombre del navegador.
  • AppVersion => contiene la versión del navegador. 
Ejemplo:
<body>
<script language = “jаvascript”>
document.write(“Código:”+navigator.appCodeName+'<P>'); 
document.write(“Nombre:”+navigator.appName+'<P>'); 
document.write(“Versión:”+navigator.appVersion+'<P>');
</script>
</body>
Objeto Link

Se refiere a un texto o imagen que se hay incluido en la etiqueta <a href>. Las propiedades de cada objeto link son las mismas que el objeto location y tampoco tiene métodos.
href => hace referencia a lo que es la URL completa de una página 

Ejemplo:
<HTML>
<HEAD>
<TITLE> 2 Frames con 1 click </TITLE>
</HEAD>
<FRAMESET cols = “40%, *”>
<FRAME name = “fr1” src = “pg1.htm”>
<FRAMESEt rows = “50%, *”>
<FRAME name = “fr2” src = “”>
<FRAME name = “fr3” src = “”>
</FRAMESET>
</FRAMESET>
<BODY> Sin frames </BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> Página 1 </TITLE>
<SCRIPT language = “jаvascript”>
<!—
function cargar (p1, p2){
parent.fr2.location.href = p1; parent.fr3.location.href = p2;
}
//-->
</SCRIPT>
<BODY>
<FORM>
<INPUT type = “button” value = “2 en 1” onclick = “cargar (`pg2.htm','pg3.htm')”>

</FORM>
</BODY>
</HTML>

Objet Form


Es un objeto que nos permite denominar formularios y modificar o comprobar el valor de sus campos antes de enviarlos a un servidor.

Podemos utilizar la forms que es un array para acceder al contenido de un formulario escribiendo:

  • Document.forms[n].nombre elemento.contenido 
  • Document.formulario.nombre elemento.contenido
Todos los elementos de un formulario tienen dos propiedades: name y value. Aparte, los elementos checkbox y radio tienen una propiedad más:
Checked => contiene el estado de ese elemento. Si están marcadas nos va a devolver true. Si no, devolverán false.

Ejemplo:
<HTML>
<HEAD>
<TITLE> Objeto FORM </TITLE>
<SCRIPT language = “jаvascript”> function ventana (){
var cadena = “”; if(documetn.forms[0].mayorDeEdad.checked){
cadena = “mayor de edad”;
}
else {
}

cadena = “menor de edad”;

alert(“El    nombre    del    campo    de    texto es:”+document.forms[0].nombre.name+”,su contenido es:”+document.formulario.nombre.value+”n y eres”+cadena);
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM name = “formulario”>
<INPUT type = “text” name = “nombre”> <P>
<INPUT type = “checkbox” name = “mayorDeEdad” checked> Mayor de Edad <P>
<INPUt type = “button” name = “botón” value = “Pulsar” onclick = “ventana ()”>
</FORM>
</CENTER>
</BODY>
</HTML>

Atrás...Indice del curso....

Mas sobre formulario...
Mas sobre jаvascript...
Síguenos en Síguenos en Google News
  • 100
  • 1
  • 2
  • 3
  • 4
  • 5
Articulo anterior Expresiones JavaScript para especificar valores de atributos en HTML
Articulo siguiente Sitios Webs para descargar Ebooks
Tutoriales En Linea
Tutoriales En Linea
  • Website
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
  • Instagram

Sobre mi: CEO de Tutoriales En Linea:
https://tutorialesenlinea.es
Fundador y CEO de Tutoriales En Linea...Leer mas...

Artículos Relacionados


Expresiones JavaScript para especificar valores de atributos en HTML

Expresiones JavaScript para especificar valores de atributos en HTML

Como hacer algoritmo

Como hacer algoritmo

Aprende a programar: 5 tips para aprender a programar con éxito

Aprende a programar: 5 tips para aprender a programar con éxito


Comentarios



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!

Destacados

Como podemos conseguir proxies

Como podemos conseguir proxies

Jun 21 7 502
Herramienta de analisis de tus problemas de SEO

Herramienta de analisis de tus problemas de SEO

Mayo 18 99 115
Historia de los sistemas operativos

Historia de los sistemas operativos

Mayo 16 23 032
Cómo crear un USB de arranque para instalar Windows 10 y 11

Cómo crear un USB de arranque para instalar Windows 10 y 11

Jul 07 116 463

Lo mas leidos

Herramientas SEO para posicionamiento de nuestra web 2023

Herramientas SEO para posicionamiento de nuestra web 2023

Por administrador 27-09-22
Las 7 mejores páginas para descargar películas en .torrent en español

Las 7 mejores páginas para descargar películas en .torrent en español

Por administrador 05-11-21
Anunciate Aqui

Anunciate Aqui

Por Tutoriales En Linea 21-06-23

Etiquetas

FuncionTutoriales En LineaFuncionesArticulosNoticiasPostTutorialesVariablesGlobaleslocalesHTMLJavascriptObjetoObjetos JSEventEventos JS





Sobre nosotros

Tutoriales En Linea

¡Bienvenidos a Tutoriales En Línea, el sitio web perfecto para encontrar todas las herramientas necesarias para mejorar tus habilidades de forma gratuita! En Tutoriales En Linea se encuentran tutoriales, cursos online y aprendizaje de calidad, muy útiles para desarrollar tus capacidades... Leer mas...

Tiene una pregunta? Contactar...

Enlaces

  • Sobre nosotros
  • Ultimos tutoriales
  • Publicar tutorial
  • Ver mas temas
  • Ultimos comentarios
  • ¿Preguntas Frecuentes?
  • Derechos de autor
  • Politica de cookies
  • DMCA
  • Nuestro equipo
  • Normas

Herramientas online

  • Buscador de recetas
  • Prueba de diseño web
  • Codificar en binarios, hexadecimales...
  • Cual es mi IP
  • Test de velocidad
  • Editor HTML
  • Test de escritura
  • Test de nutricion
  • Descargar Videos
  • Generador de datos estructurados

Recursos

  • Analisis de tus problemas de SEO
  • Herramientas SEO
  • Generar palabras claves
  • Referencia de CSS3
  • Convertir HTML a XML
  • Acortador de URL
  • Selector de colores
  • Contador de palabras
  • Comprimir imagenes
  • Conversor a URI de datos
  • Suscribirse
Disponible en Google Play - Google Play y el logotipo de Google Play son marcas comerciales de Google LLC.
Facebook Twitter Instagram Pinterest Linkedin Youtube
  • Anunciarse
  • Socios externos
  • Política de privacidad
  • Términos y Condiciones
  • Sobre nosotros
  • Contactar
© Tutoriales En Linea. Reservados todos los derechos, queda prohibida la reproducción parcial o total sin previa autorización.