iframe子頁面與父頁面元素的訪問以及js變量的訪問

一、子頁面訪問父頁面元素 

 

parent.document.getElementById('id')和document相關的方法均可以這樣用 

 

二、父頁面訪問子頁面元素 

 

document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument後可使用document相關方法 
var tet = document.getElementById('iframeId').contentWindow.document.getElementById("text_inputId"); 

alert(tet.value);

 

三、子頁面訪問父頁面js變量（注：父頁面的js變量需爲全局變量） 

 

子頁面var variable = parent.variableParent   (variableParent爲父頁面定義的變量) 

 

四、父頁面訪問子頁面js變量 

這部分目前的解決方案是在父頁面設置全局變量，在子頁面進行修改後將子頁面的變量賦值給父頁面 

五、子頁面訪問父頁面js方法

window.parent.paramMethod();

六、父頁面訪問子頁面js方法

document.getElementById('iframeId').contentWindow.iframeMethod(param);

 

iframe裏面的頁面調用父窗口,左右窗口js函數的方法 
實現iframe內部頁面直接調用該iframe所屬父窗口自定義函數的方法。 
好比有A窗口，A內有個IFRAME B，B裏面的裝載的是C頁面，這時C要直接調用A裏面的一個自定義函數AFUN();
那麼只要在C頁面中寫以下JS函數就能夠了：
window.parent.AFUN();
若是AFUN()有參數也能夠直接傳遞合適的參數進去。 
例如：
修改父窗口控件屬性
window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;
調用父窗口函數
window.parent.POPUP('bigFram');

父窗口調用iframe子窗口方法 
<iframe name="myFrame" src="child.html"></iframe> 
myFrame.window.functionName(); 
iframe子窗口調用父窗口方法 
parent.functionName();

////////////////////////////////////
用js互相調用iframe頁面內的js函數 
一個html頁面，分紅左右兩塊，左邊爲導航欄，右邊爲須要顯示的內容，代碼以下：
左欄的代碼爲：
<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="left.html" >
鏈接到left.html 
好比右欄中有一個函數right（），我要在左欄的連接中調用right（）函數，該如何實現呢 
1，首先leftframe是內嵌在容器頁index.html中的，所以須要先返回到index這一級別，並取得rightframe對象
    var frames=window.parent.window.document.getElementById("frameid"); 
2，要能執行其頁面中的函數，必需要得到window對象，這裏有一個重要的對象contentWindow，得到這個對象，便可執行其中的函數了，如
    frames.contentWindow.right(); 
以上代碼兼容IE6，Firefox3，chrome2.0，均成功經過測試，IE7沒試過，不過應該沒問題。 
3.例如： 
window.parent.document.getElementById('leftFrame').contentWindow.JSMenu('MenuUl'+Sid);
window.parent.frames["leftFrame"].JSMenu('MenuUl'+Sid);

////////////////////////////////////////
還有下面一種，沒測試過

並非象一般那樣iframeName.test();——test()爲iframe裏的方法。由於要寫一個通用一點的東西，因此是從一個配置文件中動態獲取到iframe的id。而後調用裏面的方法。但是不成功。相煩幫忙看一看。代碼以下：   
<iframe   id="iframe1"></iframe>   
    
var   cs   =   document.all;   
            for(var   i   =   0;   i   <   cs.length;   i++)   {   
                    if(cs.tagName.toUpperCase()   ==   "IFRAME")   {   
                            if(cs.id   ==   "iframe1")   {   
                                    alert(frmDealData);   
                                    alert(cs);   
                                    document.frames.iframe1.setScreenletStatus(iframeLayoutLvl);   
                                    document.frames.cs.setScreenletStatus(iframeLayoutLvl);   
                            }   
                    }   
            }   
第一句調用是成功的。   
可第二句就不成功。   
若是在只能取得cs對象的狀況下，該怎麼調用iframe裏的方法？謝謝

------------------------------------ 
不要用id,用name   
window.frames[cs].fun()