Tengo una página llamada sem_menu.html que contiene un iframe:

 <div class="container_frame"> <iframe id="frameapplication" name="frameapplication" scrolling="no" src="sem_menu2.html" style="width: 100%;height:1000px;border:0px"></iframe> </div>

Y un div con id "breadcrumbs" en el que dentro necesito cargar toda la ruta de url que hace el usuario con los datos pasados en url y en iframe

 <div id="breadcrumbs"> <i class="fa fa-home icon_breadcrubs fa-sm"></i> </div>

Probé una función pero parece que no funciona, ¿hay alguien que pueda ayudarme? ¡Mil gracias!

 function getBreadcrumbs() { var lease = location.href.split('/').slice(3); var parts = [{ "text": '<a href="sem_menu.html"><i class="fa fa-home icon_breadcrubs fa-sm"></i>' + 'Home' + '</a>', "link": '/' }]; for (let i = 0; i < lease.length; i++) { var part = lease[i]; var text = decodeURIComponent(part).split('.')[0]; var link = '/' + lease.slice(0, i + 1).join('/'); console.log(link); parts.push({ "text": text, "link": link }); } return parts.map((part) => { return "<a href=\"" + part.link + "\">" + part.text + "</a>"; }).join('<span style="color:#7c7c7c">/</span>'); } document.getElementById("breadcrumbs").innerHTML = getBreadcrumbs();