您可以将html文件渲染到容器中吗？

Question

这听起来像是一个不寻常的问题，我不知道是否可能，但说我的页面上有：

<div class="container container1"></div>
<div class="container conatiner2"></div>

然后在CSS中，例如：

.container1 {
  width: 720px;
  height: 1280px;
}

.container2 {
  width: 1080px;
  height: 1920px;
}

是否有任何方法可以使这些容器（.container）充当单独的视口？这样，用户可以加载一个单独的.html文件，并将其加载到每个.container内部吗？

Answer 1

您可以通过多种方式执行此操作。但是底层技术是使用AJAX或Fetch Web API，拉出您想要嵌入的页面，然后将返回的内容放入相应的容器中。您可能需要过滤掉不必要的标记（例如，去除HEAD及其子代）。但是，这都是非常可行的。