如何使用Javascript/Jquery/HTML包含不同的HTML页面？

我知道iframes可以实现这一点，但如果可能的话，我想知道如何在没有iframe的情况下实现这一点。例如，我有4页

index.html 1.html 2.html 3.html

其中index.html有3个链接。如果我单击index.html页面上的链接1，1.html中的所有html内容都将加载到中。如果我在链接2上clikc，则会加载2.html

---

如何仅使用Jquery/Javascript/HTML来实现这一点？（无服务器端）

使用jQuery，您可以使用

get（）

或

load（）

函数获取页面内容。如果使用

get

，则可以

将其附加到当前页面中的元素，或使用
html
函数覆盖该元素中的现有内容

使用
load
更简单：

$（“#yourlementId”）.load（“1.html”）
使用jQuery，您可以使用
get（）
或
load（）
函数获取页面内容。如果使用
get
，则可以
将其附加到当前页面中的元素，或使用
html
函数覆盖该元素中的现有内容

使用
load
更简单：

$（“#yourlementId”）.load（“1.html”）
您也可以非常轻松地使用该方法完成此操作，它比load方法提供了更大的灵活性（例如，您可以指定不希望获取页面的缓存版本）


$.ajax({
网址：“1.html”，
cache:false，
成功：函数（html）{
$（“#结果”）.append（html）；
}
});
您也可以非常轻松地使用方法完成此操作，它比加载方法提供了更多的灵活性（例如，您可以指定不希望获取页面的缓存版本）


$.ajax({
网址：“1.html”，
cache:false，
成功：函数（html）{
$（“#结果”）.append（html）；
}
});
正如其他人所建议的，
.load（）
可能是您在这里的朋友。此外，请注意，您可以加载请求页面的特定部分。这个例子来自

它从
ajax/test.html
的结果中获取ID为
container
的元素，并将其加载到
ID为
结果的本地元素
。这项技术可能更符合您的需要，尤其是当您试图将多个页面合并为一个页面时。
正如其他人所建议的，
.load（）
可能是您的朋友。此外，请注意，您可以加载请求页面的特定部分。这个例子来自

它从
ajax/test.html
的结果中获取ID为
container
的元素，并将其加载到
ID为
结果的本地元素
。这种技术可能更符合您的需要，尤其是当您试图将多个页面合并为一个页面时

<div id="results"></div>

$.ajax({
  url: "1.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

$('#result').load('ajax/test.html #container');