JQ父頁面子頁面互相呼叫方法、獲取元素
阿新 • • 發佈:2018-11-10
// 子頁面呼叫父頁面 $("#父頁面元素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()方法可以方便的獲取到子頁面中的元素。