1. 程式人生 > >JQ父頁面子頁面互相呼叫方法、獲取元素

JQ父頁面子頁面互相呼叫方法、獲取元素

// 子頁面呼叫父頁面
$("#父頁面元素ID", parent.document);    //獲取父頁面元素
parent.search();    //呼叫父頁面方法

// 父頁面呼叫子頁面
$("#iframe的ID").contents().find("#iframe中元素ID");    //父頁面獲取子頁面元素
$("#iframe的ID")[0].contentWindow.search();   //父頁面呼叫子頁面方法

// 子頁面呼叫兄弟頁面
$("#iframe的ID", parent.document).contents().find("#iframe中元素ID"); // 獲取相同父頁面其他子頁面元素
$("#iframe的ID", parent.document)[0].contentWindow.search(); // 調取相同父頁面其他子頁面方法

呼叫方法需要使用contentWindow屬性。contentDocument 屬效能夠以 HTML 物件來返回 iframe 中的文件,可以通過所有標準的 DOM 方法來處理被返回的物件簡單來說contentDocument 是DOM物件的屬性,返回的同樣是DOM物件。而jquery中的contents()方法是同樣是可以返回iframe的HTML物件,不同的是返回的為jquery物件。這時使用find()方法可以方便的獲取到子頁面中的元素。