layer弹出层父子页面事件相互调用方法

た入场券 2023-06-18 02:55 1阅读 0赞

**// 父页面**

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 </td> 
 <td> <code>&lt;body&gt;</code> &nbsp; <code>&lt;a data-url=</code><code>"bbbb.html"</code> <code>id=</code><code>"parentIframe"</code><code>&gt;小小提示层&lt;/a&gt;</code> <code>&lt;input id=</code><code>"shuzhi"</code> <code>/&gt;</code> <code>&lt;button class=</code><code>"but_par"</code><code>&gt;父页面&lt;/button&gt;</code> <code>&lt;/body&gt;</code> <code>&lt;script src=</code><code>"../jquery-1.9.1.min.js"</code><code>&gt;&lt;/script&gt;</code> <code>&lt;script src=</code><code>"layer/layer.js"</code><code>&gt;&lt;/script&gt;</code> <code>&lt;script&gt;</code> <code>$(</code><code>function</code><code>(){ </code> <code>$(</code><code>"#parentIframe"</code><code>).click(</code><code>function</code><code>(){ </code> <code>var</code> <code>a = $(</code><code>this</code><code>).attr(</code><code>"data-url"</code><code>);</code> <code>layer.open({ </code> <code>&nbsp;&nbsp;</code><code>type: 2,</code> <code>&nbsp;&nbsp;</code><code>content: a,</code> <code>&nbsp;&nbsp;</code><code>success: </code><code>function</code><code>(layero, index){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code> <code>body = layer.getChildFrame(</code><code>'body'</code><code>, index);</code><code>//获取子页面内容</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code> <code>iframeWin = window[layero.find(</code><code>'iframe'</code><code>)[0][</code><code>'name'</code><code>]]; </code><code>//得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();</code> <code>&nbsp;&nbsp;&nbsp;</code><code>body.find(</code><code>"#transmit"</code><code>).click();</code><code>//执行子页面的方法</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>body.find(</code><code>'input'</code><code>).val(</code><code>'Hi，我是从父页来的'</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>$(</code><code>".but_par"</code><code>).click(</code><code>function</code><code>(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>alert(222);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>})</code> <code>&nbsp;&nbsp;</code><code>}</code> <code>}); </code> <code>})</code> <code>})</code> </td> 
 </tr> 
 </tbody> 
</table>

**// 子页面**

[?][Link 1]

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 </td> 
 <td> <code>&lt;body&gt;</code> <code>&lt;input id=</code><code>"name"</code> <code>value=</code><code>"不满意"</code> <code>/&gt;</code> <code>&lt;button id=</code><code>"transmit"</code><code>&gt;给父层传值&lt;/button&gt;</code> <code>&lt;/div&gt;</code> <code>&lt;/body&gt;</code> <code>&lt;script&gt;</code> <code>$(</code><code>function</code><code>(){ </code> <code>$(document).on(</code><code>"click"</code><code>,</code><code>"#transmit"</code><code>).click(</code><code>function</code><code>(){ </code> <code>parent.$(</code><code>"#shuzhi"</code><code>).val($(</code><code>"#name"</code><code>).val());</code> <code>parent.location.reload(); 刷新父页面</code> <code>//关闭layer弹出层</code> <code>var</code> <code>index = parent.layer.getFrameIndex(window.name); </code><code>//获取窗口索引</code> <code>parent.layer.close(index);</code> <code>})</code> <code>window.parent.$(</code><code>".but_par"</code><code>).click();</code><code>//执行父页面的事件</code> <code>})</code> <code>&lt;/script&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

[Link 1]: https://www.jb51.net/article/145817.htm#