Question

我试着寻找这个简单问题的答案。我试图使用已发布的答案，但我仍然遇到一些错误，我的标题没有显示。

我有这段代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#header').load('partial/header.html'); 
    });
</script>

我的html身体有这个div：

<div id='header'></div>

我收到的错误是它无法加载文件＆＃34; partial / header.html＆＃34;带有消息＆＃34;交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。＆＃34;

欢迎任何帮助

Answer 1

你确定吗？我构建了＃34; header.html＆＃34;的新页面，然后复制您的代码，我可以获取该页面并将其添加到＆＃34;标题＆＃34;的div中。

Answer 2

我遇到了同样的问题，花了数小时来寻找解决方案。我在那里找到答案Use JavaScript to Load Header and Footer Templates：

此JavaScript可在服务器环境中使用，因此不会如果要打开来自您的文件的文件，可以加载页眉和页脚桌面，这意味着您需要通过FTP上传文件并访问您的HTML直播。

因此，我按照Local Web Server所述安装了带有http-server软件包的 nodeJS ，并使用index.html http-server从目录启动了服务器。

现在我可以在http://localhost:8081/index.html中看到标题了（控制台中显示了8081。显然我的端口8080处于繁忙状态）

这也应该以{{1}}开头：

我希望它可以节省其他js初学者的时间。

$（＆＃34;标题＆＃34;）。加载（＆＃39; header.html＆＃39;）未加载

2 个答案: