Ir al contenido principal

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.

Comentarios

  1. Unknown6 de octubre de 2009, 16:17

    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. proteo17 de marzo de 2010, 9:52

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

    ResponderEliminar
  3. manuelvillasur18 de marzo de 2010, 8:35

    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. Alexis19 de junio de 2011, 23:13

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

    ResponderEliminar
  5. manuelvillasur20 de junio de 2011, 22:00

    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. Unknown17 de septiembre de 2015, 17:11

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

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Como usar el TL431 (muy facil)

En este artículo, no vamos a entrar en el funcionamiento interno de este IC, ni tampoco en sus características técnicas, puesto que para esos fines ya existe su hoja de datos correspondiente. Más bien, lo que pretendo aquí es dejar constancia de como podemos utilizar este IC desde un punto de vista práctico, útil y sobre todo de una manera sencilla, con el objetivo de que cualquiera pueda utilizarlo. Si has llegado hasta aquí, probablemente ya sabes que por internet hay mucha información sobre este IC, pero también bastante confusa o excesivamente técnica, sin mostrar tan siquiera un ejemplo de funcionamiento, o como calcular sus pasivos. Pues se acabó, a partir de hoy y después de leer este post, ya te quedará claro como utilizar el TL431 para obtener una tensión de referencia estable y precisa. Vamos al grano y que mejor que empezar aclarando que el TL431 NO ES EXACTAMENTE UN ZENER como se empeñan en decir en muchos sitios, es verdad que se le conoce como el Zener Progra
9 comentarios
Leer más

WinRT with C++ Standard vs C++/CX

OFFTOPIC: Nota: Hoy he decidido escribir esta publicación del blog en inglés. Note: Today I decided to write this blog post in English. In a new application than I am developing for a company, I had to decide if to make use of C++/CX (C++ with Component Extension) or make all the main stuff in C++ standard and ABI/COM. All of you than have had to work with COM (Component Object Model) and fighting with the interfaces, reference count, etc. known the tricky and heavy that it can become. As an example of the easy approach using C++/CX, I am creating a new Uri object, like this: auto uriEasyWay = ref new Windows::Foundation:: Uri ( http://www.manuelvillasur.com ); assert (wcscmp(uriEasyWay->AbsoluteUri->Data(), L"http://www.manuelvillasur.com/" ) == 0); Now, I going to show you the more difficult approach using C++ Standard and  ABI/COM interfaces: HSTRING_HEADER header = {}; HSTRING string = nullptr ; HRESULT hr = WindowsCreateStringRefer
1 comentario
Leer más

Árbol binario de expresión y Notación Posfija (II)

En una publicación anterior, hablaba sobre que es la notación posfija, para que puede ser útil y mostraba un pequeño ejemplo con una expresión aritmética simple: (9 - (5 + 2)) * 3 Pues bien, hoy voy a mostraros como podemos crear el árbol binario correspondiente para analizar o evaluar esta expresión, haciendo uso del recorrido en postorden. Lo primero que debemos hacer es crear el árbol, respetando las siguientes reglas: ⦁ Los nodos con hijos (padres) representarán los operadores de la expresión. ⦁ Las hojas (terminales sin hijos) representarán los operandos. ⦁ Los paréntesis generan sub-árboles. A continuación podemos ver cómo queda el árbol para la expresión del ejemplo (9 - (5 + 2)) * 3: Si queremos obtener la notación postfija a partir de este árbol de expresión, debemos recorrerlo en postorden (nodo izquierdo – nodo derecho – nodo central), obteniendo la expresión: 952+-3x Así, si quisiéramos evaluar la expresión, podemos hacer uso de un algoritmo
5 comentarios
Leer más