不能使用w3school HTML包含

时间:2016-06-22 06:11:46

标签: javascript jquery html css

所以这里有关于HTML的原始w3school文章的链接包括使用他们的.js文件link
我完全复制了w3school示例中的所有内容,但是出现了这个错误:

  

w3school.js:131 XMLHttpRequest无法加载file:/// C:/Users/KBS-3/Desktop/project_1/html/header.html。交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

这是我的index.html

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="content.html"></div> 

<script>
w3IncludeHTML();
</script>

</body>
</html>

和content.html

<h1>HELLO WORLD</h1>

有任何解决此问题的想法吗?

1 个答案:

答案 0 :(得分:4)

正如错误所示,您尝试使用javascript包含本地html文件file:///C:/Users/KBS-3/Desktop/project_1/html/header.html.,由于安全原因这是不允许的。 (想象一下,如果允许,网站可以读取您的任何本地硬盘数据)。

解决方案:将您的网站移至localhost,即使用XAMP或真实服务器,您就可以了。