1. 程式人生 > >在js中獲取父頁面以及子頁面物件的方法

在js中獲取父頁面以及子頁面物件的方法

  在js中,我們時常用到用iframe做系統框架,在子頁面也,父頁面之間的值傳遞是一個問題,下面是js獲取父窗體和子窗體的物件js:

1.在iframe子頁面中獲取父頁面的元素:

    a>window.parent.document這個是獲取父頁面document中的物件;

var reportRadio = window.parent.document.getElementById("reportRadio").value;

    b>如果要獲取父頁面js中的方法:window.parent.xxxx();xxxx()為方法;

2.在父頁面中獲取iframe子頁面中的元素:

   a>

 var child = document.getElementById("mainFrame").contentWindow;//mainFrame這個id是父頁面iframe的id

child.document;//獲取子頁面中的document物件

js怎麼獲取iframe的src連結到的頁面內的元素,並繫結事件

window.onload=function(){
document.getElementById('iframe1').contentWindow.document.getElementById('btn1').onclick=function(){alert(123);return false;};
};

IFrame下父頁面呼叫子頁面的JS方法

parent.frames["frameName"].window.functionName();

frameName:IFrame的ID;

funtionName:子頁面中JS方法名;

var obj = parent.frames["frameName"].window;
在父頁面訪問子頁面中某個控制元件如:obj.document.getElementByIdx_x('clientID')
子頁面重新整理父頁面:top.window.location.replace(Url);