layui裏 同級兄弟layer裏的iframe方法調用

比如我們有一個頁面A,然後頁面B和C是其子頁面,在頁面A中打開B頁面,然後咋B中用parent.layer.open,打開C頁面,這樣B和C就是A頁面下的同級(兄弟)頁面(也可以是在A中直接打開B和C)。
其實就是在打開的時候設置id,這個id會是layeriframe外面一層div的id,獲得它自然能夠獲得其中的iframe

A中打開B
layer.open({
               id:"layer-iframe-B",   //此處與添加layer的id一樣,由於兩頁面不會同時打開,所以暫時不會有問題
               type: 2,
               title:"頁面B",
               area: ['650px', '600px'],
         
               content:'B.html',
    });
 在B裏,在A頁面中打開C
parent.layer.open({
               id:"layer-iframe-C",
               type: 2, 
               title:"頁面B", 
               area: ['650px', '600px'], 
                content:'C.html', 

            
           });

然後這樣C調用B中的方法

var frame=window.parent.document.getElementById("layer-B").getElementsByTagName('iframe')[0];
frame.contentWindow.method();

這裏可能還有其它的方法。如果有更好的辦法希望大佬指教一下,哈哈

其實關於iframe之間的交互調用,一個是要理清頁面的層級關係,然後找到通過某種方式,比如id或者序號等方式,基本上就能得到那個頁面對象,然後進行操作

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章