Iframe 父子窗體互調javascript方法及相互獲取控制元件

小菜來報導發表於2013-06-26

父窗體中的Iframe標籤如下,子窗體為Default.aspx;

<iframe id="left" name="left" src="Default.aspx" scrolling="auto" frameborder="0"
        style="width: 500px; height: 10px;"></iframe>

父窗體下:

  1、呼叫子窗體下javascript方法

    document.getElementById('left').contentWindow.GetValue();//"left"為Iframe標籤的id,"GetValue"為子窗體下javascript的一個方法

  2、獲取子窗體下的控制元件值

    document.getElementById('left').contentWindow.document.getElementById('txt1').value;//"left"為Iframe標籤的id,"txt1"為子窗體下控制元件的id

子窗體下:

  1、呼叫父窗體下的javascript方法

    window.parent.Method();//"Method"為父窗體下的方法

  2、獲取父窗體下的控制元件值

    window.parent.document.getElementById("txt2").value;//"txt1"為子窗體下控制元件的id

相關文章