Javascript $(“header”).load(';header.html';)未加载

Javascript $(“header”).load(';header.html';)未加载,javascript,jquery,html,Javascript,Jquery,Html,我试着为这个简单的问题寻找答案。我试图使用已发布的答案,但仍然出现一些错误,并且没有显示标题 我有以下代码片段: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#header'

我试着为这个简单的问题寻找答案。我试图使用已发布的答案,但仍然出现一些错误,并且没有显示标题

我有以下代码片段:

<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>

$(文档).ready(函数(){
$('#header').load('partial/header.html');
});
我的html正文有以下div:

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

我得到的错误是,它无法加载带有消息“跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https、chrome扩展资源”的文件“partial/header.html”


欢迎任何帮助

您确定吗?我创建了一个新的“header.html”页面,然后复制您的代码,我可以获得该页面并将其添加到“header”的div中。

我也遇到了同样的问题,花了几个小时来找到解决方案。我在那里找到了答案:

此JavaScript在服务器环境中工作,因此不会 如果您正在从您的 桌面这意味着您需要通过FTP和access上传文件 你的HTMLLive

因此,我安装了带有http服务器包的nodeJS,如上所述,并从index.html
http服务器的目录启动了服务器

现在我可以在
http://localhost:8081/index.html
(控制台中显示了8081。显然我的8080端口正忙)

这也应该从
/
开始:

$('#header').load('/partial/header.html'); 

我希望它能为另一个js初学者节省时间。

您是使用http服务器提供页面服务,还是直接从文件系统打开静态页面?请使用
load
尝试绝对URL,例如
http://localhost/name/...
如果在head标记中使用base属性,请确保它附加了propper值。有或没有WWW域会有很大的不同。您正在尝试直接打开页面,而不是将其放在某个web服务器上并加载。请尝试在前面加一个斜杠,例如,
/partial/header.html
,这将表示您是从根目录中获取的,因此不会发出“交叉源代码”不具建设性all@Dorvalla他不能以9的声誉发表评论,而且他对这个网站非常陌生