Вопрос сводится к следующему: как я могу отображать совершенно новый main, когда кто-то нажимает кнопку?
Итак, код javascript будет выглядеть так:
let post1 = document.getElementById('post1')
post1.onclick=function (){
//bring in local file?
//document.main.innerHTML=localHtmlFile
}
И HTML
<body>
<button id="post1">Post 1</button>
<main> </main>
</body>
Я знаю, что аналогичные вещи выполняются с Ajax. Но это не запрос к серверу, а просто к файлу на том же компьютере.
Есть идеи?
Изменить
Мне просто нужна информация для новичков вроде меня:
Примечание. По соображениям безопасности вы не можете использовать fetch () файлы из вашей локальной файловой системы (или запускать другие подобные операции локально); чтобы запустить приведенный выше пример локально, вам нужно будет запустить его через локальный веб-сервер. MDN
Это, вероятно, относится и к XMLHttpRequests.
(Как бы глупо это ни казалось, мы не можем получить наши собственные файлы.)