如何在一个单独的 div 中加载多个网页？答案

【问题标题】：How to load multiple web pages each in an individual div?如何在一个单独的 div 中加载多个网页？
【发布时间】：2014-07-22 17:20:03
【问题描述】：

还没有通过搜索找到答案。所以我想我会发布我的问题。尝试将多个页面加载到多个 div 中。如果页面上只有一个但不超过一个，则可以正常工作。

示例：尝试在页面加载时将 page1.html 加载到 div#frameOne 并将 page2.html 加载到 div#frameTwo（不使用按钮或链接）。

HTML：

<div id="frameOne"></div>
<div id="frameTwo"></div>

JavaScript：

$(function() {
    $('#frameOne').load('page1.html');
    $('#frameTwo').load('page2.html');
});

有没有更好的办法？

【问题讨论】：

JS 控制台有说什么吗？似乎你做的一切都是正确的（类似的代码对我有用）......
hmmmmm .....我正在使用我试图拉入 div 的 google api 在两个页面中拉入一个 jsonp 提要.....也许这就是问题所在.. ..将不得不尝试一下...我没有尝试只是 html 页面
James...谢谢你让我多想了一点......显然问题是我有两个 sep 网页但使用相同的 id 等拉入并格式化他们填充的提要......所以当它们被组合成一页上的 sep div 时，它会导致冲突......改变了其中一个页面的 id......现在它可以工作......谢谢跨度>

【解决方案1】：

我认为你需要在你的 div 中插入 iframe

<iframe src="URL"frameborder="0" style="width: 894px; height: 555px"></iframe>

【讨论】：

【解决方案2】：

这将在页面加载后将页面加载到选定的 div 中：

$(function () {
    $(window).load(function(){
        $('#frameOne').load('page1.html');
        $('#frameTwo').load('page2.html');
    });
});

【讨论】：