快捷導(dǎo)航

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

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

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

現(xiàn)實(shí)開發(fā)中難免會(huì)遇到子頁面、父頁面相互操作的情況，由于時(shí)不時(shí)地會(huì)遇到幾次（不是一次），所以就整理了一下父子頁面相互相互調(diào)用常見的九種情況，作為自己的備忘錄，同時(shí)也希望對(duì)大家有幫助。

一、子頁面C1操作父頁面P（下述三個(gè)方法寫在子頁面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（下述三個(gè)方法寫在子頁面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（下述三個(gè)方法寫在父頁面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實(shí)現(xiàn)父頁面和子頁面相互操作的九種情況的文章就介紹到這了,更多相關(guān)jquery 父頁面和子頁面相互操作內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: