如何使用像iframe一样的div？

Question

HTML

<div class="myFrame"></div>

CSS

div.myFrame {
    width: 1000px;
    height: 1000px;
    URL: "http://google.com";
}

如何在没有iframe的情况下实现这一目标。

Answer 1

如何使用像iframe一样的div？

你没有。说真的 - 如果你想要一个iframe，请使用iframe。如果你不这样做 - 不要。模仿iframe的东西不能比iframe更好。

但我不想给用户提供网址

你认为div会有所帮助吗？你要问的是：

如何隐藏数据？

所以你有页面A需要来自页面B的信息。无论你在客户端做什么，用户都可以知道页面B的位置。既不能下载页面B的位置，也不能下载页面B的位置。你真正想要的是一个位于webroot下面的文件 - 一个公众无法访问的文件。但是你如何将它包含在第A页？你在服务器端做。页面A必须对操作进行身份验证，然后返回页面B的内容。在此过程中，您将无法透露页面B的实际位置，最佳做法是使页面B无格式不可访问

Answer 2

您可以执行以下操作。

<div id="myFrame"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script type="text/javascript">
    function OpenPage(url)   
    { 
        $.get(url, function(response)   
        {
            $('#myFrame').html(response);   
        });
    }
</script>   
<a href="#" onclick="OpenPage('anotherPage.html');">Go to my other page..</a>

CSS:
div.myFrame {
    width: 1000px;
    height: 1000px;
    URL: "http://google.com";
}

好奇，为什么要将DIV用作iFrame？

此外，如果需要，此LINK将为您提供更多信息，以及实现此目的的其他方法。