使用 iframe 设置 div 的 innerHTML，显示在萤火虫中但不在页面上

Posted 2023-05-07

【中文标题】使用 iframe 设置 div 的 innerHTML，显示在萤火虫中但不在页面上

【英文标题】：set div's innerHTML with an iframe, shows up in firebug but not on page

【发布时间】：2013-02-15 02:06:23

【问题描述】：

我正在使用 extjs 库。我有一个空白面板，我想用 iframe 将我的另一个 ext 项目加载到其中。这是我的函数（从按钮调用），“thepanel”是我的空白面板。

function(button)
    var div = document.getElementById('thepanel');
    div.innerhtml = "<iframe src=\"../../../project2/?&type=grades&gradeitem1=40691&\"></iframe>";

当我运行该函数时，我可以在 firebug 的控制台中看到 GET 请求，当我在 firebug 中查看 HTML 但浏览器中没有显示任何新内容时，我的所有第二个项目代码/数据都显示在 iframe 中。关于阻止我的 iframe 内容显示的任何想法

我使用的是 MVC 架构，这里是声明我的面板的代码：

items:[
        xtype:'panel',
        itemId:'two',
        id:'thepanel',
        region:'center',
]

更新：我尝试将 iframe 移动到面板的 html 配置选项，而不是通过 jquery 单击按钮添加它。同样，我可以看到 iframe 中 url 的代码显示在 firebug 中，但我的应用程序中没有显示任何内容。这是声明我的面板的代码：

xtype:'panel',
itemId:'two',
id:'thepanel',
region:'center',
html:'<iframe src=\"../../../extjproh2/?&type=grades&gradeitem1=40691\"></iframe>',
height:400,
width:400,

【问题讨论】：

查看以下帖子 1.***.com/questions/6896458/… 2.***.com/questions/720870/…

我认为你误解了 extjs 的工作原理。请提供您创建面板的代码，我可以向您展示一种可行的方法。

RDSAGAR：我正在查看那些帖子 Reimius：我在上面创建面板的地方发布了我的代码，非常简单

【参考方案1】：

最终使用了 sencha 论坛中的这个插件： http://www.sencha.com/forum/showthread.php?110311-iframePanel&p=943573#post943573