1

在这里，我有一些示例代码可以在 chrome 和 Firefox 中运行，但不能在 IE 中运行。

测试.html：

<html>
<head>
</head>
<body>
<link rel="stylesheet" type="text/css" href="sdk/extjs4.2/resources/css/ext-all.css">   <script type="text/javascript" src="sdk/extjs4.2/ext-all.js"></script>
<script src="test.js"></script>
</body>
</html>

测试.js：

 Ext.onReady(function(){
        Ext.create('Ext.panel.Panel', {
        title: 'My First Panel',
        frame: true,
        width: 400,
        height: 400,
        html : '<iframe id="iframe-test"'+
        ' style="overflow:auto;width:100%;height:100%;"'+
        ' frameborder="0" '+
        ' src="about.html"'+
        '></iframe>',
        items : [{
        xtype : 'button',
        text : 'test',
        handler : function(){
            var iframe = document.getElementById('iframe-test');
             iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;
            var doc = iframe.document;
             doc.open();
             var content = '<html><head> </head>'+
                            '<body>'+
                            '<link rel="stylesheet" type="text/css" href="sdk/extjs4.2/resources/css/ext-all.css">'+
                            '<script type="text/javascript" src="sdk/extjs4.2/ext-all.js"></script>'+
                            '<div id="my-div" class="x-hidden" style="background-color:red;width:100px;height:50px;"></div>'+
                            '<style> .body{ }</style> '+
                            ' <script>Ext.onReady(function() {'+
                            'Ext.Msg.alert("coming fine");'+
                            '});</script></body>'+
                            '</html>';
            //console.log(content);
            doc.write(content);
            doc.close();
        }
        }],
        renderTo: Ext.getBody()
    });
    });

任何人都可以帮助我失踪的地方吗？我需要做什么才能让它工作

谢谢塔帕斯维尼

4

0 回答 0