Firefox标签继续加载iframe

时间:2016-07-25 08:36:48

标签: javascript angularjs firefox iframe

我已经在HTML页面中添加了一个iframe,我正在 Firefox Developer 上进行测试。

iframe的存在会导致父页面继续加载:标签中的加载圈不会停止。几分钟后,它似乎降低了性能。 Google Chrome上没问题。

iframe没有指向文件。这首先是一个空的iframe,我用从AJAX请求中挑选的HTML来完成(我试图在iframe中显示电子邮件的正文)。 我不认为这有影响,但我在页面上使用AngularJS。

我试图在iframe上评论与javascript的每次互动,但问题仍然存在。 我也试图指向一个真实的文件(一个空文件)。

<iframe frameborder="0" scrolling="no" sandbox="allow-same-origin" class="p-y" width="100%" ng-init="resizeFrame()"></iframe>

(添加沙箱属性,如果原因问题,但是,不会改变任何内容)

问题是什么?我该如何解决?

1 个答案:

答案 0 :(得分:0)

要在页面内显示动态数据,您可以使用简单的[div]标记。

您定义一个空标记

<div id="result"></div>

当您的AJAX调用成功返回时,您可以将HTML注入div

function getData(){
    document.getElementById('result').innerHTML = "<b>Sender :</b> abc@heart.com<br/><b>Subject :</b> Hello world";
}

Here you can find a jsfiddle running sample(我没有AJAX通话但是使用javascript函数进行模拟)

更新(评论更新后)

设置innerHTML,标题会被丢弃,我会updated jsfiddle demo你可以尝试,只为div添加内容