Javascript 将整个页面放入容器中并隐藏/显示，无需重新加载

我想把完整的页面加载到DOM和 把它们放在自己的“容器”里，以便展示和隐藏

到目前为止，我试过：
1） 正在将页面加载到div中，但一些东西（如背景图像和css）正在被删除 从“容器”中取出，即使其隐藏方式如下：

    $("#page" + index).hide().load(url);

2） 如果我将其加载到：

    $("#page" + index).html('<object data="' + url + '">');

$（“#页面”+索引）.html（“”）；

它将页面保持在容器中，但当我使用jQuery show/hide时，每次都会重新加载页面

我还没有尝试过iFrame，但是使用FrameBreaker，我想一些页面会占据屏幕

---

你知道怎么做吗？

你正在加载的url是否包含一组额外的html、head或body标记？Html文档应该只包含其中的一组。

您可能不想将整个文档（包含所有标题/正文信息等）加载到另一个文档的元素中；这将是很难合作的

您可以将jQuery.load和过滤器一起使用，只加载某个类的元素，也就是说，在您实际想要拉入的内容周围放置一个大div，然后使用它来过滤jQuery load

加载页面片段

与$.get（）不同，.load（）方法允许我们指定 要插入的远程文档。这是通过一种特殊的方法实现的 url参数的语法。如果有一个或多个空格字符 包含在字符串中，字符串中第一个 空间被假定为确定内容的jQuery选择器 待加载

我们可以修改上面的示例，只使用文档的一部分 即获取：

$（“#result”）.load（“ajax/test.html#container”）；当这个方法 执行时，它检索ajax/test.html的内容，然后是jQuery 解析返回的文档以查找ID为的元素 容器此元素及其内容将插入到 元素，以及检索到的文档的其余部分 被丢弃

jQuery使用浏览器的.innerHTML属性来解析检索到的 文档并将其插入当前文档。在这个过程中,， 浏览器通常会过滤文档中的元素，例如， ，或元素。因此 .load（）可能与检索文档时不完全相同 直接通过浏览器

从这里开始：

---

是的，它确实包含自己的html等标记。