如何使用 DIV 或 IFRAME 在页面内显示页面答案

【问题标题】：How to use DIV or IFRAME to display a page within a page如何使用 DIV 或 IFRAME 在页面内显示页面
【发布时间】：2013-10-09 04:33:08
【问题描述】：

我想在登录我的公司网站时显示一个欢迎页面。目前此页面有一些帐户摘要数据/详细信息。我希望能够使用相同的空间来显示帐单信息，但我不希望用户离开他们所在的页面。

我怎样才能做到这一点？我必须能够将代码放在已经加载的页面中。

【问题讨论】：

查看 Ajax 和 jQuery get/post 并返回一个不太广泛的问题
为什么你不能在现有页面中添加任何你想要的东西？某些东西正在使用 HTML 呈现当前页面。同时添加账单信息。
我不希望默认显示此信息。如果他们点击它，我希望它用账单信息替换当前视图。
我觉得我的问题措辞不当。看起来模态似乎是我在这里要做的最好的解决方案。我真的不想在同一个空间中加载另一个页面。只是同一页面中的不同内容。在我的情况下，这无法离开他们所在的页面，否则重要的数据/变量将会丢失。

标签： html iframe dhtml

【解决方案1】：

您可以像这样使用 iframe：

<iframe src="http://www.w3schools.com"></iframe>

src="blahblah" 可以切换到您想要的任何网站或页面。

虽然 iframe 听起来并不适合您的需求。听起来您需要根据他们是否是第一次访问该页面来添加内容。您可以使用 php 或 javascript 来获取 cookie 并执行此操作。

【讨论】：

【解决方案2】：

var div = document.getElementById ("your_div_ID_goes_here");
div.innerHTML = "<b>Any html content. <br> Enjoy!</b>";

这会帮助你:)

【讨论】：

【解决方案3】：

您必须对页面进行 ajax 调用以获取数据并将响应附加到要显示的 div 中。

使用 jquery $.ajax

【讨论】：

【解决方案4】：

这是从其他 URL 动态加载内容的代码 (AJAX)。你不需要 jQuery 来完成这个简单的任务

function loadXMLDoc(aURL){
    var xmlhttp;
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else{// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
             var div = document.getElementById ("your_div_ID_goes_here");
             div.innerHTML = xmlhttp.responseText; // this is the content you received,
        }
    }
    xmlhttp.open("GET",aURL,true);
    xmlhttp.send();

}

【讨论】：

还有什么不是警报？显然，OP 不知道该放什么以及放在哪里
谁是OP？你最好宽容一点，而不是投反对票。我提供了一个 jQuery 的替代方案，它有时很重要。
此外，还有代码内的 cmets 供可以阅读的人使用 :)
原始海报。对于 Ajax 和动态内容，我每次都会选择 jQuery。只是“IEx 的代码”让我不寒而栗:) 无论如何，我合并了你的两个答案，你可以删除另一个
会了解 OP，谢谢。避免使用 jQuery 的原因有很多，不会就此展开圣战吧？