最近在我的编程课上出现了一个问题，即是否可以创建类似于 iframe 但仅使用 div 和 javascript/css 的东西。讲师说这是可能的，但是由于我对整个编程交易都是新手，所以我不知道如何编写这样的代码。有没有人有一个简单的例子来说明如何做到这一点？
问问题
4720 次
3 回答
1
如果您要在页面中显示外部内容而不使用 iframe，则可以使用 AJAX 从另一个页面甚至从服务加载内容并将其呈现到 div 中。在 CSS-Tricks 上查看这个解释和演示。
于 2013-07-13T03:44:51.440 回答
0
我想说这是可能的，iframe 本质上是从另一个位置嵌入内容资源，无论是在本地域还是外部域。在您想要使用 jquery 进行简单方法的请求类型中，复制它可能很容易或困难，就像这样 $.ajax({ url: urlToResource, success:function(data){ $('.contentDiv ').html(数据); });
<style type="text/css">
.contentDiv {
overflow:auto;
width:200px;
height:200px;
}
</style>
<div class="contentDiv"></div>
同样，这完全取决于什么类型的资源以及远程域上是否有 ajax 块，尽管使用简单的 php 文件，还有另一种方法可以解决这个问题；
<?php
print file_get_contents("http:://pathToResource.com");
?>
这应该足以开始调查自己。但是作为一个提示，尽量避免使用 iFrame，它们比它们的价值更麻烦，并且在当前技术（如 html5 等）方面已经过时了。
于 2013-07-13T03:02:10.320 回答
0
您的教练很可能正在考虑使用类似的东西
<div style="width:500px;height:500px;overflow:scroll;"></div>
或者
<div style="width:500px;height:500px;overflow:auto;"></div>
两者都可用于生成带有滚动条溢出的固定大小的 div。您甚至可以使用 AJAX 从另一个页面加载内容并将其插入到 div 中。但是，与 iframe 不同的是，它们不能用于显示来自另一个域的内容（除非它允许 CORS。）
于 2013-07-13T02:48:05.650 回答