Question

我有一个简单的html，包含另一个html通过jquery：

<!-- included.html -->
<ul>
   <li><a href="home.html">Home</a></li>
   <li><a href="about.html">Page 2</a></li>
   <li><a href="contact.html">Page 3</a></li>
</ul>

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
    $('#myinc').load('included.html');
    });
    </script>
</head>
<body>
<div id="myinc"></div>
</body>
</html>

Firefox + IE显示列表但Chrome不显示（空白页面）。任何解决方案？

非常感谢

Answer 1

这是关于chrome安全功能。如果你从本地运行它不起作用，但如果你在服务器上工作它将是工作

Answer 2

在Chrome控制台（点击F + 12）中，您可以看到如下错误：

XMLHttpRequest无法加载file：/// C：/... temp/included.html。交叉原始请求仅支持协议方案：http，数据， chrome，chrome-extension，https，chrome-extension-resource。

Chrome具有网络安全性。

决定可能是：

停用Chrome中的网络安全

Disable same origin policy in Chrome

或者将您的文件放入http服务器，并写入文件路径

$（＆＃39;＃myinc＆＃39）。载荷（＆＃39; http://mysitedotcom/included.html＆＃39）;
或者使用本地服务器运行index.html。

Chrome没有显示包含的HTML

2 个答案: