Otros objetos JS

El objeto navigator es uno de los primeros objetos que incluyó el DOM y permite obtener información sobre el propio navegador. En Internet Explorer, el objeto navigator también se puede acceder a través del objeto clientInformation.

Aunque es uno de los objetos menos estandarizados, algunas de sus propiedades son comunes en casi todos los navegadores. A continuación se muestran algunas de esas propiedades:

El objeto link: 


Un objeto link es un objeto que enlaza a otro URL mediante hipertexto.

Cada enlace presente en un documento corresponde a un objeto que se coloca en la matriz links. Así, se accederá al primer enlace mediante document.links, al segundo mediante document. links, y así sucesivamente.

El objeto link carece de métodos pero no de propiedades.

Propiedades


length. Tamaño del objeto link.

target. Es una cadena que tiene el nombre de la ventana o del frame especificado en el parámetro TARGET.

hash. Es una cadena con el nombre del enlace, dentro de la URL.

host. Es una cadena con el nombre del servidor y número de puerto, dentro de la URL.

hostname. Es una cadena con el nombre de dominio del servidor (o la dirección IP) dentro de la URL.

href. Es una cadena con la URL completa.

pathname. Es una cadena con el camino al recurso, dentro de la URL.

port. Es una cadena con el número de puerto, dentro de la URL.

protocol. Es una cadena con el protocolo usado, incluyendo los : (los dos puntos), dentro de la URL.

search. Es una cadena que tiene la información pasada en una llamada a un script, dentro de la URL.
<html> 

<head> 
<title> Ejemplo objeto link</title> 
</head> 

<body>
<a href="http://www.yahoo.com" target="_blank">Yahoo!!</a>
<a href="http://www.google.com/search?q=crear+paginas+web">Google!</a>

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

var i;
for (i=0;i<document.links.length;i++) {

document.write("Target : " + document.links[i].target + "<br>");
document.write("Host : " + document.links[i].host + "<br>");
document.write("Href : " + document.links[i].href + "<br>");
document.write("Search : " + document.links[i].search + "<br>");
document.write("<br><br>");
}

</script>
</body>

</html> 
Ver ejemplo

El objeto anchor


Una anchor o ancla es una parte de texto que define una etiqueta para ser referenciada desde otro lugar por un enlace hipertexto.

Cada ancla presente en un documento corresponde a un objeto que se coloca en la matriz anchors. Así, se accederá al primer enlace mediante document.anchors, al segundo mediante document.anchors, y así sucesivamente.

Este objeto carece de métodos y eventos asociados al mismo.

Propiedades


name. Nombre del ancla.

target. Es una cadena que tiene el nombre de la ventana o del frame especificado en el parámetro target.

length. Indica el tamaño del objeto.
<html> 

<head> 
<title>Ejemplo objeto anchor</title> 
</head> 

<body>
<a name="arriba" target="_top"><h2>Inicio</h2></a>

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

var i;
for (i=0;i<document.anchors.length;i++){
document.write("Name : " + document.anchors[i].name + "<br><br>");
document.write("Target : " + document.anchors[i].target + "<br>");
document.write("<br><br>");
}

</script>

<img src="vela_alargada.jpg" border="0" name="imagencita" <br><br>>
<a href="#arriba">Subir</a>

</body>
</html> 
Ver ejemplo

El objeto image


Gracias a este objeto (disponible a partir de la versión 3 de Netscape, aunque Microsoft lo adoptó en la versión 4 de su navegador) es posible manipular las imágenes del documento, pudiendo conseguir efectos como el conocido rollover (cambio de imágenes al pasar el ratón sobre la imagen).

Propiedades


border. Contiene el valor del parámetro 'border' de la imagen.

complete. Es un valor booleano que nos dice si la imagen ha cargado completamente en memoria o no.

height. Contiene el valor del parámetro 'height' (alto) de la imagen.

hspace. Contiene el valor del parámetro 'hspace' de la imagen, que define el espacio horizontal de una imagen flotante respecto al texto que la rodea.

lowsrc. Contiene el valor del parámetro 'lowsrc' de la imagen. Esta propiedad fija la ruta de una imagen temporal de menos peso que la imagen principal. La imagen temporal se muestra en la pantalla mientras la principal termina de cargar.

name. Contiene el valor del parámetro 'name' de la imagen, que hace referencia al nombre único de la imagen.

src. Contiene el valor del parámetro 'src' de la imagen, que almacena la ruta de la imagen principal.

vspace. Contiene el valor del parámetro 'vspace' de la imagen, que define el espacio vertical de una imagen, respecto al texto uqe la rodea.

width. Contiene el valor del parámetro 'width' (ancho) de la imagen.
<html> 

<head> 
<title> Ejemplo objeto image</title> 
</head> 

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

imagen_in = new Image();
imagen_in.src = "/uploads/posts/2018-08//1533769556_curso-de-bsico-de-js_tutoriales_en_linea.jpg";

imagen_out = new Image();
imagen_out.src = "/uploads/posts/2018-08//1533769556_curso-de-bsico-de-js_tutoriales_en_linea.jpg";

function cambia(nombre,imagen) {
nombre.src = imagen.src
}

</script>

<a href= "" onmouseover="cambia(ejemplo, imagen_in) " onmouseout="cambia(ejemplo, imagen_out)">
<img name="ejemplo" src="/uploads/posts/2018-08//1533769556_curso-de-bsico-de-js_tutoriales_en_linea.jpg" alt = "ejemplo de rolloversimple" ></a>

</body>
</html> 
Ver Ejemplo.

El objeto Navigator


Este objeto simplemente nos da información relativa al navegador que esté utilizando el usuario.

Propiedades


appCodeName. Cadena que contiene el nombre del código del cliente.

appName. Cadena que contiene el nombre del cliente.

appVersion. Cadena que contiene información sobre la versión del cliente.

language. Cadena de dos caracteres que contiene información sobre el idioma de la versión del cliente.

mimeTypes. Array que contiene todos los tipos MIME soportados por el cliente. A partir de NS 3.

platform. Cadena con la plataforma sobre la que se está ejecutando el programa cliente.

plugins. Array que contiene todos los plug-ins soportados por el cliente. A partir de NS 3.

userAgent. Cadena que contiene la cabecera completa del agente enviada en una petición HTTP. Contiene la información de las propiedades appCodeName y appVersion.

Métodos


javaEnabled(). Devuelve true si el cliente permite la utilización de Java, en caso contrario, devuelve false.

El objeto frame


Todos sabemos que la ventana del navegador puede ser dividida en varios frames que contengan cada uno de ellos un documento en el que mostrar contenidos diferentes. Al igual que con las ventanas, cada uno de estos frames puede ser nombrado y referenciado, lo que nos permite cargar documentos en un marco sin que esto afecte al resto.

Realmente cada frame se representa con un objeto window, esto quiere decir que el objeto frame tiene todas las propiedades y métodos del objeto window.

Propiedades


closed. Válida a partir de Netscape 3 en adelante y MSIE 4 en adelante. Es un booleano que nos dice si la ventana está cerrada ( closed = true ) o no ( closed = false ).

defaultStatus. Cadena que contiene el texto por defecto que aparece en la barra de estado (status bar) del navegador.

frames. Es un array: cada elemento de este array (frames[0], frames[1], ...) es uno de los frames que contiene la ventana. Su orden se asigna según se definen en el documento HTML.

history. Se trata de un array que representa las URLS visitadas por la ventana (están almacenadas en su historial).

length. Variable que nos indica cuántos frames tiene la ventana actual.

location. Cadena con la URL de la barra de dirección.

name. Contiene el nombre de la ventana, o del frame actual.

opener. Es una referencia al objeto window que lo abrió, si la ventana fue abierta usando el método open() que veremos cuando estudiemos los métodos.

parent. Referencia al objeto window que contiene el frameset.

self. Es un nombre alternativo del window actual.

status. String con el mensaje que tiene la barra de estado.

top. Nombre alternativo de la ventana del nivel superior.

window. Igual que self: nombre alternativo del objeto window actual.
Métodos

alert(mensaje). Muestra el mensaje 'mensaje' en un cuadro de diálogo.

blur(). Elimina el foco del objeto window actual. A partir de NS 3, IE 4.

clearInterval(id). Elimina el intervalo referenciado por 'id' (ver el método setInterval(), también del objeto window). A partir de NS 4, IE 4.

clearTimeout(nombre). Cancela el intervalo referenciado por 'nombre' (ver el método setTimeout(), también del objeto window).

confirm(mensaje). Muestra un cuadro de diálogo con el mensaje 'mensaje' y dos botones, uno de aceptar y otro de cancelar. Devuelve true si se pulsa aceptar y devuelve false si se pulsa cancelar.

focus(). Captura el foco del ratón sobre el objeto window actual. A partir de NS 3, IE 4.

open(URL,nombre,caracteristicas). Abre la URL que le pasemos como primer parámetro en una ventana de nombre 'nombre'. Si esta ventana no existe, abrirá una ventana nueva en la que mostrará el contenido con las características especificadas. Las características que podemos elegir para la ventana que queramos abrir son las siguientes:

prompt(mensaje,respuesta_por_defecto). Muestra un cuadro de diálogo que contiene una caja de texto en la cual podremos escribir una respuesta a lo que nos pregunte en 'mensaje'. El parámetro 'respuesta_por_defecto' es opcional, y mostrará la respuesta por defecto indicada al abrirse el cuadro de diálogo. El método retorna una cadena de caracteres con la respuesta introducida.

scroll(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS3, IE4.

scrollBy(x,y). Desplaza el objeto window actual el número de pixels especificado por (x,y). A partir de NS4.

scrollTo(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS4.

setInterval(expresion,tiempo). Evalua la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearInterval(). A partir de NS4, IE4.

setTimeout(expresion,tiempo). Evalúa la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearTimeout(). A partir de NS4, IE4..


<a onclick=Tutoriales En Linea" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2018-08-09
  • Categorias: Cursos Diseño Web Html javascript Noticias Tutorial



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