viernes, 10 de julio de 2009

Extraer los enlaces 'links' de una página web

Hoy se me planteaba la necesidad de extraer de forma rápida y puntual, todos los enlaces o 'links' de una página web. Después de darle unas vueltas me acordé de nuestro querido HTML DOM y, escribí este mini script en javascript:

var links = "";

for( i=0; i < document.links.length; i++)
links += document.links[i] + "<br>";

document.innerHTML = links;

Para poder utilizarlo tan solo debeis cargar la página web de la cual quereis extraer los enlaces y a continuación, escribir en la barra de dirección del navegador ese pequeño pero valioso script, en una sola línea y precedida por 'javascript:', de la siguiente forma:

javascript:var links = ""; for( i=0; i < document.links.length; i++) links += document.links[i] + "<br>"; document.innerHTML = links;

pulsamos intro y listo! el contenido de la página web se cambiará por un listado con todos los enlaces de la web.


Para los vagos he puesto un pequeño "Gadget" en la barra de la derecha.

6 comentarios:

  1. Amigo necesito algo mas interesante, como extraer los links javascript es decir un link que tenga algo asi como esto < a href="j a v a s c ri p t:funcion();"> y en esa funcion submit hay una redireccion puede ser por redirect o por form.submit, necesito saber a donde me lleva ese link javascript, claro pueden haber muchos casos incluso pasarle la pagina como parametro de la funcion, nombres de funciones ilimitadas, y funciones que a lo mejor no estan en la misma pagina sino en un archivo js en otra carpeta. Esta interesante, verdad??? lo puedes obtener???

    ResponderEliminar
  2. que tal, alguna manera de poder implementarlo en algun click y solo para enlaces especificos, gracias

    ResponderEliminar
  3. Hola proteo, lo primero gracias por comentar. En cuanto a tu pregunta, para extraer tan solo algunos "enlaces específicos" bastaría con establecer un "Criterio de Busqueda" o patrón por ejemplo mediante REGEX y aplicarlo sobre el array de links, que como habrás observado, accedes a él desde document.links[n]. Por lo demás ten en cuenta que está implementado en Javascript con lo que podrías solicitar el patrón desde un inputbox.

    ResponderEliminar
  4. hola una pregunta...como puedo saber para hacerlos con las imageneS??

    ResponderEliminar
  5. Hola Alexis: las imágenes las tienes en la colección de objetos document.images en lugar de document.links. Si tienes alguna duda me lo dices. Un saludo.

    ResponderEliminar
  6. ¿Cómo puedo guardar automáticamente las páginas contenidas en esos links?

    ResponderEliminar