Ext.net 使用了tab 控制元件，但是載入的時候用的iframe，導致裡面如果有window彈出框，並且要全屏顯示的時候，不能跳出iframe顯示。

 function addMainTab(tabPanel, url, id, title, icon) {
    var tab = Ext.getCmp(id);

    if (!tab) {
        
        tab = {
            id: id,
            title: title,
            closable: false,
            iconCls: "#" + icon,
            loader: {
                url: url,
                renderer: "frame",
                loadMask: {
                    showMask: true,
                    msg: "資料載入中，請稍候！"
                }
            }
        };
    }
    tabPanel.add(tab);
 }
 

iframe頁面裡面如果有彈出框，則需要使用window.parent來加入你要新建的window物件，這樣就可以跳出iframe顯示，同時因為是new出來的，所以所有有關這個物件裡面的js物件前面也要加window.parent，top同樣也是。

function OpenChildWindow(winID, title, url, width, height, icon) {
    var w = width;
    var h = height;


    if (!w || !h) {
        w = 600;
        h = 400;
    }

    win = new window.parent.Ext.Window({
    //win = new top.Ext.Window({
        id: "w" + winID,
        layout: "fit",
        title: title,
        modal: true,
        iconCls: "#" + icon,
        width: w,
        height: h,
        border: false,
        maximizable: false,
        constrain: true,
        closeAction: "destroy",
        loader: {
            url: url,
            renderer: "frame",
            scripts: true,
            loadMask: {
                showMask: true,
                msg: "Loading..."
            }
        },
        listeners: {
            'resize': function (e) {
                //var imageshow = Ext.get('imageshow').getValue();
                //var imageshow = Ext.fly('imageshow');
                //var maxWd = window.innerWidth;
                //var maxHt = window.innerHeight;
                //var maxWd = document.getElementsByTagName('iframe')[0].contentWindow.document.documentElement.clientWidth;
                //var maxHt = document.getElementsByTagName('iframe')[0].contentWindow.document.body.clientHeight;
                //alert("Height" + maxHt + "------width" + maxWd );
                var prtExt = window.parent.Ext;
                var maxWd = e.width - 10;
                var maxHt = e.height - 30;
                console.log(typeof (maxWd));

                //new Ext.Window({ new出來的寫法
                //var h_iframe = document.getElementsByTagName('iframe')[0]//.getElementsByTagName('img');
                //if (typeof (h_iframe) == 'undefined') {
                //    return false;
                //}
                //var HidWidth = document.getElementsByTagName('iframe')[0].contentWindow.document.getElementById('HidWidth');
                //var HidHeight = document.getElementsByTagName('iframe')[0].contentWindow.document.getElementById('HidHeight');
                //var img_arr = document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByTagName('img');

                var h_iframe=prtExt.getCmp('wWinCust').iframe;
                if (typeof (h_iframe) == 'undefined') {
                    return false;
                }
                var HidWidth = prtExt.getCmp('wWinCust').iframe.dom.contentWindow.document.getElementById('HidWidth');
                var HidHeight = prtExt.getCmp('wWinCust').iframe.dom.contentWindow.document.getElementById('HidHeight');
             
                var img_arr = window.parent.Ext.getCmp('wWinCust').iframe.dom.contentWindow.document.getElementsByTagName('img');

                HidWidth.value = maxWd;
                HidHeight.value = maxHt;
                console.log(maxWd + "---" + maxHt);

                if (img_arr.length == 0) {
                    return false;
                }
                var h_img;
                var h_id = "imageshow";
                for (var i = 0; i < img_arr.length; i++) {
                    if (img_arr[i].id == h_id)
                    h_img = img_arr[i];
                }

                h_img.width = parseInt(''+ maxWd+'');
                h_img.height = parseInt('' + maxHt + '');
                //console.log(h_iframe);
                console.log(h_img);
            }
        }
    });

    win.show();
}
 

因為需要對window 視窗的裡面的圖片進行放大縮小自適應，所以需要操作裡面的img物件。操作iframe裡面的物件可以參照http://blog.csdn.net/theforever/article/details/6126635

JS獲取/設定iframe內物件元素、文件的幾種方法
1、IE專用(通過frames索引形象定位)：

document.frames[i].document.getElementById('元素的ID');

2、IE專用(通過iframe名稱形象定位)：

document.frames['iframe的name'].document.getElementById('元素的ID');
 

以上方法，不僅對iframe適用，對frameset裡的frame也同樣適用。IE雖然擅於自定標準，但不得不說它很多的設計還是比較體現人性化的。比如這個，它在同樣支援下面的標準路徑之外，提供了一個簡潔且形象化的寫法。
3、通用方法：
複製程式碼 程式碼如下:

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

注意要加上contentWindow，往往出現問題都是因為這個容易被忽略，它代表frame和iframe內部的視窗物件。
JS獲取iframe文件內容

<script type="text/javascript"> 
function getIframeContent(){ //獲取iframe中文件內容
var doc;
if (document.all){ // IE 
doc = document.frames["MyIFrame"].document; 
}else{ // 標準
doc = document.getElementById("MyIFrame").contentDocument; 
}
return doc.body.innerHTML;
} 
</script>

注意：上面的 .contentDocument 相當於 .contentWindow.document ！
一、需求與遇到的問題
　　在網站的後臺管理中使用了iframe框架佈局，包括頂部選單、左側導航和主頁面。需求是：點選主頁面上的一個按鈕，在頂部選單欄的右側顯示“退出”連結，點選可退出系統。
　　我的思路是：在頂部的選單頁面放一個不可見的“退出”連結，當用戶點選位於iframe中的主頁面（mainPage.htm）中的按鈕時，在頂部選單頁面的右側顯示“退出”。
　　我現在遇到的問題是：如何在頁面的一個iframe子頁面（mainPage.htm）中獲取並且操作其它iframe子頁面（比如topPage.htm）中的HTML元素？
二、通過JS獲取並操作iframe中的元素來解決問題
　　這裡主要就是通過JS來操作Window物件。Window 物件表示瀏覽器中開啟的視窗，如果文件包含框架（frame 或 iframe 標籤），瀏覽器會為 HTML 文件建立一個 window 物件，併為每個框架建立一個額外的 window 物件。
　　經過我在網上查資料，找到了JS操作iframe中HTML元素的方法。示例如下。

function ShowExit() {
//獲取iframe的window物件
var topWin = window.top.document.getElementById("topNav").contentWindow;
//通過獲取到的window物件操作HTML元素，這和普通頁面一樣
topWin.document.getElementById("exit").style.visibility = "visible";
}　

說明：第一步，通過window.top.document.getElementById("topNav")方法獲取了頂部選單頁面（topPage.htm）所在的iframe物件；第二步，通過上一步獲取到的iframe物件的contentWindow屬性得到了iframe中元素所在的window物件；第三步，通過上一步獲取到的window物件來操作iframe框架中的元素，這和操作不在iframe框架中的普通HTML元素是一樣的。