JavaScript le proporciona muchos métodos para mostrar la URL actual en la barra de direcciones del navegador web. Puede usar la propiedad del objeto Ubicación del objeto Ventana para obtener estos detalles.

href => Esto devolverá la URL completa que se muestra en la barra de direcciones.

host => Esto devolverá el nombre de host y el puerto de la URL en la barra de direcciones.

hostname => Esto devolverá solo el nombre de host de la URL en la barra de direcciones.

port => Esto devolverá solo el detalle del puerto de la URL en la barra de direcciones.

protocol => Esto devolverá el protocolo de la URL en la barra de direcciones. Al igual que la URL, utiliza HTTP (sin SSL) o HTTPS (con SSL).

pathname=> Esto devolverá la ruta (valor después del nombre de dominio) de la URL en la barra de direcciones.

hashpathname => Esto devolverá la parte ancla de la URL, incluido el hash singh (#).

search=> Esto devolverá la parte de consulta de la URL como la parte que comenzó con el signo de interrogación (?).

console.log(' href => ' + window.location.href);
console.log(' host => ' + window.location.host);
console.log(' hostname => ' + window.location.hostname);
console.log(' port => ' + window.location.port);
console.log(' protocol => ' + window.location.protocol);
console.log(' pathname => ' + window.location.pathname);
console.log(' hashpathname => ' + window.location.hash);
console.log(' search=> ' + window.location.search);

Ref: https://tecadmin.net/get-current-url-web-browser-using-javascript/