Javascript HTML导入另一个未正确显示的HTML文件
我需要将另一个HTML文件导入到一个HTML文件中。我尝试了三种不同的设置，链接如下，但没有一种显示正确。如果您能帮我解决这个问题，我将不胜感激。对于那些想知道我为什么要这样做的人，HTML和其他链接文件是使用一个程序创建的，该程序可以频繁上传并写入旧文件，我希望这样做，这样我就可以更改字体，而不必每次上传新副本时都重新做 以下是这些链接：jaredcaputo.photography/1/index2.html、jaredcaputo.photography/1/index22.html、jaredcaputo.photography/1/index222.html 指标2：Javascript HTML导入另一个未正确显示的HTML文件,javascript,jquery,html,Javascript,Jquery,Html,我需要将另一个HTML文件导入到一个HTML文件中。我尝试了三种不同的设置，链接如下，但没有一种显示正确。如果您能帮我解决这个问题，我将不胜感激。对于那些想知道我为什么要这样做的人，HTML和其他链接文件是使用一个程序创建的，该程序可以频繁上传并写入旧文件，我希望这样做，这样我就可以更改字体，而不必每次上传新副本时都重新做 以下是这些链接：jaredcaputo.photography/1/index2.html、jaredcaputo.photography/1/index22.html、ja
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(function(){
$("#includedContent").load("index.html");
});
</script>
</head>
<script>
var LR = LR || {};
</script>
<link rel="stylesheet" type="text/css" href="assets/css/normalize.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" media="screen" title="Custom Settings" href="assets/css/custom.css" >
<body>
<div id="includedContent"></div>
</body>
</html>
$（函数（）{
$（“#includedContent”）.load（“index.html”）；
});
var LR=LR |{}；
<head>
<link rel="import" href="index.html">
</head>
<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<body>
<div w3-include-html="index.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
w3IncludeHTML（）；
如果您关心浏览器的兼容性，那么还有一个问题，您可以了解。AJAX通常用于此。将其放在要导入的两个页面的顶部：
$(document).ready(function(){
$.get( "index2.html", function( data ) {
$( "body" ).append(data);
});
});
它只是获取index2.html文件并将其附加到当前页面的正文中。AJAX通常用于此目的。将其放在要导入的两个页面的顶部：
$(document).ready(function(){
$.get( "index2.html", function( data ) {
$( "body" ).append(data);
});
});
它只是获取index2.html文件并将其附加到当前页面的主体上。示例工作正常，页面显示在DOM中，唯一不存在的部分是页面主体，这是因为您试图将
您或者需要将嵌入的文档修改为不完整的HTML文档，而不包含head和body标记，或者需要使用IFrame来允许子内容拥有自己的DOM。示例工作正常，页面显示在DOM中，唯一不存在的部分是页面正文，这是因为您试图将
您要么需要将嵌入的文档修改为不完整的HTML文档，而不包含head和body标记，要么需要使用IFrame来允许子内容拥有自己的DOM。此外，据我所知，我不能只修改网站使用的CSS文件，因为这些文件在每次上传时都会被写入，所以这是同样的事情（每次上传后都要重做）。这就是我这么做的原因。现在将编辑原始@CharlieH
$（“#someDiv）。加载（“jaredcaputo.photography/1/index.html”）；window.jQuery | document.write（“”）$（“#someDiv）。加载（“jaredcaputo.photography/1/index.html”）；window.jQuery| document.write（“”）