Javascript Jquery未加载本地html文件_Javascript_Html_Jquery

Javascript Jquery未加载本地html文件

javascript html jquery

Javascript Jquery未加载本地html文件,javascript,html,jquery,Javascript,Html,Jquery,我环顾四周，但仍然无法让我的代码加载我的html文件。从我的index.html文件中，我有： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>David Anderson, Georgia Tech Professor</title

我环顾四周，但仍然无法让我的代码加载我的html文件。从我的index.html文件中，我有：

<!DOCTYPE html>
<html lang="en">
    
    <head>
        
        <meta charset="UTF-8">
        <title>David Anderson, Georgia Tech Professor</title>

        <link rel="stylesheet" href="Assets/Stylesheets/default.css">
        <link rel="stylesheet" href="Assets/Stylesheets/header.css">
        <link rel="stylesheet" href="Assets/Stylesheets/body.css">
        <link rel="stylesheet" href="Assets/Stylesheets/footer.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script>
            $('#header').load('header.html');
            alert("Does this load!!!??")
        </script>
    </head>
    
    <body>

        <div id="header"></div>

        <section class="section_2 index_section">
        ...
        </section>
    ...
    </body>
</html>


大卫·安德森，佐治亚理工大学教授
$（'#header'）.load（'header.html'）；
警报（“是否加载！！！？”）
...
...

诸如此类。出于调试目的，我加入了该警报，它工作正常，但它从未加载我的header.html文件。我已将这两个文件包含在同一目录和级别中

My header.html包括：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
        <link rel="stylesheet" href="Assets/Stylesheets/default.css">
        <link rel="stylesheet" href="Assets/Stylesheets/header.css">
        <link rel="stylesheet" href="Assets/Stylesheets/body.css">
        <link rel="stylesheet" href="Assets/Stylesheets/footer.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
    <!------------
    -   Header   -
    ------------->

    <header class="section_1" id="header">
        <img src="Images/David's_typical_Profile_Picture.jpg" alt="David Anderson" id="prof_pic">
        
        <h1 id="name_plate">
            <a class="name_plate" href="about.html">David Anderson</a>
        </h1>

        <h2 id="institution_name">
            Georgia Institute of Technology
        </h2>

        <nav id="main_nav">
            <ul class="semantic_list">
                <li><a href="index.html">Home</a></li>
                <li><a href="courses.html">Courses</a>
                    <ul>
                        <li><a href="http://anderson.ece.gatech.edu/ece6254/index.html" target="_blank">ECE 6254</a></li>
                        <li><a href="http://anderson.ece.gatech.edu/ece6271/index.html" target="_blank">ECE 6271</a></li>
                    </ul>
                </li>
                <li><a href="lab.html">Lab</a></li>
                <li><a href="consulting.html">Consulting</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
        </nav>

    </header> 
</html>


文件
乔治亚理工学院

我到处都找过，包括，以及关于编写/包括javascript:的网站，但我仍然遇到同样的问题，它只是不加载header.html。永远

我使用本地路径而不是网站将其加载到safari上。如果有人有解决方案/或答案，我将非常感激。

谢谢

请不要标记IDE或代码编辑器，除非您的问题与编辑器本身特别相关。请不要标记IDE或代码编辑器，除非您的问题与编辑器本身特别相关。