¿Cómo obtener la URL actual de la página con JavaScript? (ruta completa, host, protocolo)

¡Hola a todos! Acabo de empezar a estudiar JavaScript y me encontré con esta tarea: necesito obtener la dirección completa de la página actual para, por ejemplo, pasarla a un formulario de contacto o compartir un enlace. Intenté escribir algo como `var url = window.location;`, pero en la consola se muestra un objeto, no una cadena. Luego leí que debo usar `window.location.href` — funcionó, pero quiero entenderlo más a fondo. Necesito no solo obtener la URL completa, sino también por separado: - Protocolo (http o https) - Nombre de dominio (por ejemplo, example.com) - Ruta (/blog/article.html) - Parámetros de consulta (?id=5&page=2) - Hash (#section) Probé este código: ```javascript var currentUrl = window.location.href; console.log("URL completa: " + currentUrl); ``` Pero, ¿cómo extraer cada parte por separado? ¿Y hay alguna diferencia entre `window.location` y `document.location`? ¡Gracias de antemano por la ayuda! Tengo muchas ganas de entenderlo para no copiar y pegar soluciones ya hechas, sino comprender cómo y qué funciona.