Iframe 父子窗体互调javascript方法及相互获取控件

时间:2024-01-09 16:02:38

父窗体中的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