我已经在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>
(添加沙箱属性,如果原因问题,但是,不会改变任何内容)
问题是什么?我该如何解决?
答案 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添加内容