I am in the process of creating a webpage where main.html will load a page with a static header and footer that remains unchanged when navigation links are clicked. I'd like to achieve this using Javascript, with the body content being sourced from another html document within the same folder. While there are outdated solutions using PHP available, I prefer a more current approach. Your assistance is greatly appreciated.
Just so you know, I am currently not utilizing a server and am simply loading files directly into Chrome. Essentially, my goal is to dynamically replace the entire body of the page with content from another html file.