最近在開(kāi)發(fā)時(shí)遇到使用了Iframe的情況裁替,在一個(gè)父窗口里使用了Iframe,之后又想在父窗口中使用JQuery來(lái)獲得Iframe里的元素,之前有使用過(guò),久沒(méi)使用就忘了奠涌,今日記錄下來(lái)妇智。
使用JQuery在父窗口中獲取Iframe中的元素:
格式:
$("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1
$("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2
事例:
$("#iframeId").contents().find("#div01").click(); // 方式1
$("#div01",document.frames("iframeId").document).click(); // 方式2
使用JS在父窗口中獲取Iframe中的元素:
格式:
window.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();
事例:
window.frames["iframeName"].document.getElementById("div01").click();
使用JQuery在Iframe中獲取父窗口的元素
格式:
$('#父窗口中元素的id', parent.document).事件();
事例:
$('#div01', parent.document).click();
使用JS在Iframe中獲取父窗口的元素
格式:
window.parent.document.getElementById("父窗口中元素的id").事件();
事例:
window.parent.document.getElementById("div01").click();