父子頁面傳值和子兄弟頁面傳值

2021-09-28 22:54:51 字數 1033 閱讀 7399

前言：我是用的layer彈出框整的layer父子頁面

【父-->子】 【子-->父】

//子彈窗給父頁面元素賦值


parent.$("#parentinput").val("這是從彈窗傳遞過來的資料"); 


//子彈窗呼叫父頁面方法


window.parent.childinvokermethod(); 


//子彈窗獲取父頁面元素的值


window.parent.$("#shiva").val()


//彈框**


var idx = layer.open();


//父頁面呼叫子彈窗的 js方法


var contentwindow = $("#layui-layer-iframe" + idx)[0].contentwindow;


contentwindow.yourmethod();


//父頁面給子彈窗頁面賦值


$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");
【子-->兄弟】 【兄弟-->子】

a頁面彈出b a 頁面 彈出c

a頁面彈出b ，再從b 頁面彈出c b c平級 呼叫 parent.layer.open({});

//呼叫兄弟頁面方法


var contentwindow = window.parent.$("#layui-layer-iframe" + idx)[0].contentwindow;


contentwindow.brotherinvokemethod();


//給兄弟頁面元素賦值


window.parent.$("#layui-layer-iframe" + idx).contents().find("input").val("11111111");
這裡的 idx 可以通過url 帶引數的方式 傳遞到後台，然後再傳遞回來 或者 使用隱藏表單域進行解決。

iframe父子頁面傳值

一,js操作父子頁面 1 父頁面操作子頁面 iframe的name.window.say 引數 呼叫子頁面的方法 iframe的name.document.getelementbyid button value 引數 呼叫子頁面的屬性 1 子頁面操作父頁面 parent.say parent.win...

iframe父子頁面傳值

iframe是乙個可以直接引用網頁鏈結的框架，在寫頁面邏輯時，往往會遇到子頁面邏輯和父頁面邏輯的溝通。iframe的父子網頁可以通過相互呼叫對方的方法，來達到邏輯互動的效果 1.父呼叫子的方法 iframe 0 contentwindow.sonmethod 2.父獲取子中的元素 iframe co...

子頁面傳值與父頁面傳值（上）

這樣的乙個問題 在父頁面中跳轉到子頁面後，獲取到輸入的值後傳遞給父親頁面，然後在父頁面上賦值給父頁面上得某個控制項 這裡提供兩種方法，一種是js，另外一種是ajax的 js方法 父親頁面上的js 傳遞值給子頁面 function getinfo 修改，選中並且返回值給父頁面 function com...