jquey操作Iframe

記錄jquery操作iframe

• 子視窗呼叫父視窗中的方法

// 呼叫父視窗中的xxx方法
window.parent.xxx();
// 呼叫最頂層視窗中的方法
window.top.xx() ;
// 子視窗查詢父視窗的元素
$('#ele', window.parent.document);

• 子視窗觸發父視窗中的事件

 // 記憶中應該這樣呼叫，實際這樣是不行的,因為子視窗和父視窗中的jquery物件不是同一個
$(dom1, window.parent.document).trigger('click'); // 錯誤示例

// 正確方法
window.parent.$(dom1, window.parent.document).trigger('click');

• 父視窗中查詢子視窗中的元素

// 查詢Iframe（id為iframeId）中的div(id為ele)元素
$('#iframeId').contents().find('div#ele') ;