Javascript 将HTML页面包含到另一个HTML div中不起作用
好吧，这让我发疯了。这么简单的负载，但什么都没有发生。有没有办法解决这个问题？理想情况下，我希望创建组件（页眉/页脚/等），以便在所有应用程序中重用 这是我用于测试的HTMLJavascript 将HTML页面包含到另一个HTML div中不起作用,javascript,jquery,html,include,Javascript,Jquery,Html,Include,好吧，这让我发疯了。这么简单的负载，但什么都没有发生。有没有办法解决这个问题？理想情况下，我希望创建组件（页眉/页脚/等），以便在所有应用程序中重用 这是我用于测试的HTML <html> <head> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script> $(document).ready(function() {
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
$(document).ready(function() {
$("#included-page").load("test.html");
});
</script>
</head>
<body>
<div id="included-page"></div>
<!-- insert page 2 test -->
<h1>This Page 1</h1>
</body>
</html>
$（文档）.ready（函数（）{
$（“#包含页面”）.load（“test.html”）；
});
这是第1页
<!doctype html>
<html>
<head>
</head>
<body>
<p>Included from page test</p>
</body>
</html>
包含在页面测试中
include
$（文档）.ready（函数（）{
$（“#包含页面”）.load（“test.html”）；
});
这是第1页
注意：这不是注释，但include语句的格式与HTML注释相同。我发现使用
include
$（文档）.ready（函数（）{
$（“#包含页面”）.load（“test.html”）；
});
这是第1页
注意：这不是注释，但include语句的格式与HTML注释相同。检查dev tools的网络选项卡，了解AJAX请求失败的原因。很可能是路径错误。然而，在客户端包含内容并不是一个好主意。改为在服务器端执行。另外，所包含的HTML不应该有自己的
doctypeheaddoctypeheadtest.htmltest.html