Используя метод onclick для тега li, необходимо отобразить другую страницу html, используя javascript, "flask project"

Question

Я пытаюсь получить и показать вторую HTML страницу, когда нажимаю ссылку на тег <li> со страницы 1 HTML. Я написал JavaScript, чтобы перенаправить и показать вторую страницу, но как-то она работает ...

Вот код:

<ul class="list-unstyled components mb-5">
    <li>
        <a href="#" onclick="load_home()">Home</a>
    </li>
    <li>
        <a href="#">About</a>
    </li>
    <li>
        <a href="#">Conact</a>
    </li>
</ul>

Код выше index.html панель навигации, и при нажатии на «Домой» она должна загрузить testing_page.html на main_content div из тега body:

<div id="content" class="p-4 p-md-5">
    <div id="main_content">
        ...
    </div>
</div>

При нажатии на ссылку «Домой» она вызывает функцию, как показано ниже:

<script>
    function load_home() {
        document.getElementById("main_content").innerHTML='<object type="text/html" data="templates/testing_page.html" style="min-width:100%; min-height: 101%;  style="overflow:hidden;" ></object>'
    }
</script>

Я пытался использовать data="templates/testing_page.html", используя как с, так и без пути к шаблону здесь ..

Но почему-то test_page. html не готов для рендеринга на странице индекса. Я использую flask проект и ниже каталог проекта выглядит как Каталог проекта