快捷導(dǎo)航

jquery操作iframe實現(xiàn)父頁面和子頁面相互操作的九種情況

更新時間：2024年02月27日 09:36:30 作者：changuncle

現(xiàn)實開發(fā)中難免會遇到子頁面、父頁面相互操作的情況,本文主要介紹了jquery操作iframe實現(xiàn)父頁面和子頁面相互操作的九種情況,具有一定的參考價值,感興趣的可以了解一下

一、子頁面C1操作父頁面P（下述三個方法寫在子頁面C1中）

//獲取父頁面P中控件的值, btnParent1是子頁面C1中的按鈕
$("#btnParent1").click(function () {
    var pageId = $("#pageId", parent.document).val();
    alert("父頁面的pageId=" + pageId);
});

//調(diào)用父頁面P中的方法, btnParent2是子頁面C1中的按鈕
$("#btnParent2").click(function () {
    parent.HomeRun();
});

//觸發(fā)父頁面P中按鈕的點(diǎn)擊事件, btnParent3是子頁面C1中的按鈕
$("#btnParent3").click(function () {
    $("#btnShow", parent.document).click();
});

二、子頁面C1操作兄弟頁面C2（下述三個方法寫在子頁面C1中）

//獲取兄弟頁面C2中控件的值, btnSiblings1是子頁面C1中的按鈕
$("#btnSiblings1").click(function () {
    var sibling = parent.document.getElementById("Sys_UserManage_Index").contentWindow;
    var pageId = sibling.$("#pageId").val();
    alert("兄弟頁面的pageId=" + pageId);
});

//調(diào)用兄弟頁面C2中的方法, btnSiblings2是子頁面C1中的按鈕
$("#btnSiblings2").click(function () {
    var sibling = parent.document.getElementById("Sys_UserManage_Index").contentWindow;
    sibling.UserManageRun();
});

//觸發(fā)兄弟頁面C2中按鈕的點(diǎn)擊事件, btnSiblings3是子頁面C1中的按鈕
$("#btnSiblings3").click(function () {
    var sibling = parent.document.getElementById("Sys_UserManage_Index").contentWindow;
    var pageId = sibling.$("#btnShow").click();
});

三、父頁面P操作子頁面C1（下述三個方法寫在父頁面P中）

//獲取子頁面C1中控件的值, btnChild1是父頁面P中的按鈕
$("#btnChild1").click(function () {
    var child = $("#Sys_UserManage_Index").contents();
    var pageId = child.find("#pageId").val();
    alert("子頁面的pageId=" + pageId);
});

//調(diào)用子頁面C1中的方法, btnChild2是父頁面P中的按鈕
$("#btnChild2").click(function () {
    var child = $("#Sys_UserManage_Index")[0].contentWindow;
    child.UserManageRun();
});

//觸發(fā)子頁面C1中按鈕的點(diǎn)擊事件, btnChild3是父頁面P中的按鈕
$("#btnChild3").click(function () {
    var child = $("#Sys_UserManage_Index").contents();
    child.find("#btnShow").click();
});

到此這篇關(guān)于jquery操作iframe實現(xiàn)父頁面和子頁面相互操作的九種情況的文章就介紹到這了,更多相關(guān)jquery 父頁面和子頁面相互操作內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: