Dada una URL y la tarea es analizar esa URL y recuperar todos los datos relacionados usando JavaScript.
Ejemplo:
URL: https://www.geeksforgeeks.org/courses When we parse the above URL then we can find hostname: geeksforgeeks.com path: /courses
Método 1: en este método, usaremos el método createElement() para crear un elemento HTML, una etiqueta de anclaje y luego lo usaremos para analizar la URL dada.
<script>
// Store the URL into variable
var url = "https://geeksforgeeks.org/pathname/?search=query";
// Created a parser using createElement() method
var parser = document.createElement("a");
parser.href = url;
// Host of the URL
document.write(parser.host + "<br>");
// Hostname of the URL
document.write(parser.hostname + "<br>");
// Pathname of URL
document.write(parser.pathname + "<br>");
// Search in the URL
document.write(parser.search + "<br>");
</script>
Producción:
geeksforgeeks.org geeksforgeeks.org /pathname/ ?search=query
Método 2: en este método, usaremos URL() para crear un nuevo objeto de URL y luego lo usaremos para analizar la URL proporcionada.
<script> // Store the URL into variable var url = "https://geeksforgeeks.org:3000/pathname/?search=query"; // Created a URL object using URL() method var parser = new URL(url); // Protocol used in URL document.write(parser.protocol + "<br>"); // Host of the URL document.write(parser.host + "<br>"); // Port in the URL document.write(parser.port + "<br>"); // Hostname of the URL document.write(parser.hostname + "<br>"); // Search in the URL document.write(parser.search + "<br>"); // Search parameter in the URL document.write(parser.searchParams + "<br>"); </script>
Producción:
https: geeksforgeeks.org:3000 3000 geeksforgeeks.org ?search=query search=query