Question

我被告知使用Div而不是iframe是前进的方式，所以我使用的是我的横幅和主体中的帧。如何将index.html加载到我的div中？

Answer 1

你试过jquery的.load（）吗？使用服务器端技术，您可以轻松完成此任务。

Answer 2

使用jQuery：

jQuery('#myDiv').load('http://example.com/somefile.html');

没有jQuery：

var request = new XMLHttpRequest();
request.open('GET', 'http://example.com/somefile.html', true);
request.onreadystatechange = function (anEvent) {
   if (request.readyState == 4) {
      if(request.status == 200) {
         document.getElementById("myDiv").innerHTML = request.responseText;
      }
   }
};
request.send(null);

通常，我使用此方法动态加载内容的小片段。如果您正在加载非常大量的内容（如整个页面），那么使用div可能是一个坏主意。对于那种情况，iframe会更好。

Answer 3

$(".divClassHere").load("url path here");

但是，听起来更像是在MasterPage结构（如果你有ASP.NET）或文件导入之后

Answer 4

有些人说物体而不是iframe是前进的方向。但是div和iframe是完全不同的东西。 iframe就像页面中的单独页面。它有不同的上下文，不同的脚本，不同的css ...使用object可以实现类似的结果。但是没有这样的事情可以用div来完成。

你可以将内容加载到div中。您可以使用javascript来更改div的内容。使用ajax调用，您可以获取可以使用javascript放入div中的URL的内容。

但这与iframe完全不同。

Answer 5

您为每个不同的文档创建了一个单独的页面，然后使用某种形式的template或include system自动复制常见内容。

Answer 6

您使用的是哪种服务器语言？

首先尝试使用您的Serverside语言来实现这一目标。例如，如果您使用的是PHP，则可以使用include

如果你是usind coldfusion，请考虑使用cfinclude

如果你被告知要通过javascript完成它，那么唯一的方法就是Ajax。

如何在div中加载页面？

6 个答案: