Javascript jquery如何在每次iframe改变状态时收集iframe的内容?

Javascript jquery如何在每次iframe改变状态时收集iframe的内容?,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我正在做一个项目,我想收集一个隐藏的iframe的内容,并使它成为一个div的html,每次iframe在加载时改变状态,这样它就会像页面被重定向和下载其内容一样,但页面的标题和基脚也不会刷新 一个很好的例子是facebook如何在重定向时保持他们的方向和立足点不变 我已经使用onload将iframe内容收集到div中,但问题是,在收集图像、.css文件和.js文件之前,内容不会从iframe中完全下载 以下是我尝试过的代码: 加载时用于收集内容的脚本 <script type="tex

我正在做一个项目,我想收集一个隐藏的iframe的内容,并使它成为一个div的html,每次iframe在加载时改变状态,这样它就会像页面被重定向和下载其内容一样,但页面的标题和基脚也不会刷新

一个很好的例子是facebook如何在重定向时保持他们的方向和立足点不变

我已经使用
onload
将iframe内容收集到div中,但问题是,在收集图像、
.css
文件和
.js
文件之前,内容不会从iframe中完全下载

以下是我尝试过的代码:

加载时用于收集内容的脚本

<script type="text/javascript">
function frame_loaded(){
         var content=$('#iframe_id').contents().find('#body');
         $('#my_div').html(content);
}
</script>
有时,在收集之前,内容仍然无法完成从iframe下载其内容

我不知道如何在iframe完全加载或处于就绪状态时侦听它

如果有人能告诉我做这件事的最佳方法,我会非常感激,因为我对这件事很陌生。

有点“愚蠢”,但试试这个(我没有你的代码,所以对我来说有点“难”)

我建议使用它来帮助您与iframe(domain xyz.com)交互,并且您可以在iframe(domain xyz.com)和保存它的页面(domain abc.com)之间传递消息。例如,在您加载iframe时,您可以将布尔值(从xyz.com)传递到页面(abc.com)它保存iframe,然后下载内容。这里有一个工作示例,说明了它是如何工作的。
希望能有所帮助。

谢谢,但我已经尝试过好几次了,仍然没有改变!我将寻找另一种解决方案为什么要使用iframe?使用简单的ajax调用它会非常好吗?否?仍然与
$('#iframe_id').load()相同
,但我真正的意思是听每个
点击事件,阻止它的默认操作,阻止它重定向访问者,并将
href
文件加载到iframe,将其内容收集到div!我使用iframe是因为我希望浏览器显示进度条和加载图标,因此,如果这需要时间,访客将理解这是来自他的连接。
<iframe id="iframe_id" src="some_url.php" style="display: hidden;" onload="frame_loaded()"></iframe>
setTimeout(function(){
 $('#my_div').html(content);
},1000);
$(document).on('load','#iframe_id',function(){
    var content = $(this).content().find('#body');
    $('my_div').html(content);
})