layer彈出層父子頁面事件相互調(diào)用方法
更新時(shí)間：2018年08月17日 11:26:13 作者：qq_36990886
今天小編就為大家分享一篇layer彈出層父子頁面事件相互調(diào)用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
// 父頁面
<body>
<a data-url="bbbb.html" id="parentIframe">小小提示層</a>
<input id="shuzhi" />
<button class="but_par">父頁面</button>
</body>
<script src="../jquery-1.9.1.min.js"></script>
<script src="layer/layer.js"></script>
<script>
$(function(){
$("#parentIframe").click(function(){
var a = $(this).attr("data-url");
layer.open({
type: 2,
content: a,
success: function(layero, index){
var body = layer.getChildFrame('body', index);//獲取子頁面內(nèi)容
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe頁的窗口對(duì)象，執(zhí)行iframe頁的方法：iframeWin.method();
body.find("#transmit").click();//執(zhí)行子頁面的方法
body.find('input').val('Hi，我是從父頁來的')
$(".but_par").click(function(){
alert(222);
})
}
});
})
})
// 子頁面
<body>
<input id="name" value="不滿意" />
<button id="transmit">給父層傳值</button>
</div>
</body>
<script>
$(function(){
$(document).on("click","#transmit").click(function(){
parent.$("#shuzhi").val($("#name").val());
parent.location.reload(); 刷新父頁面
//關(guān)閉layer彈出層
var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引
parent.layer.close(index);
})
window.parent.$(".but_par").click();//執(zhí)行父頁面的事件
})
</script>
以上這篇layer彈出層父子頁面事件相互調(diào)用方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了微信小程序利用Canvas繪制圖片和豎排文字詳解，合成圖片應(yīng)該按照 Canvas 的文檔來做都沒什么問題，主要是有個(gè)豎排文字的需求，這里和大家分享一下,需要的朋友可以參考下2019-06-06
下面小編就為大家?guī)硪黄痪湓捓斫忾]包(簡(jiǎn)單易懂)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
網(wǎng)頁中都有.js文件和.css文件，但這并不意味著CSS和js是獨(dú)立不能交互的，下面與大家分享js與css交互的5種方法2014-04-04
JavaScript判斷空值、NULL、undefined的方法對(duì)比
JavaScript五種原始類型（boolean、number、string、null、undefined）中的一種。在鑒別JavaScript原始類型的時(shí)候我們會(huì)用到typeof操作符。Typeof操作符可用于字符串、數(shù)字、布爾和未定義類型。2022-12-12
詳解javascript腳本何時(shí)會(huì)被執(zhí)行
這篇文章主要介紹了詳解javascript腳本何時(shí)會(huì)被執(zhí)行，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電燈開關(guān)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
JavaScript Event事件學(xué)習(xí)第一章 Event介紹
Events是每一個(gè)JavaScript程序核心。什么是事件處理，它有什么問題和怎樣寫出跨瀏覽器的代碼，我將在這一章做一個(gè)概述。我也會(huì)提供一些有精彩的關(guān)于事件處理程序的細(xì)節(jié)的文章。2010-02-02
利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-12-12
layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法
今天小編就為大家分享一篇layui: layer.open加載窗體時(shí)出現(xiàn)遮罩層的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript入門之string對(duì)象【新手必看】
本片文章主要介紹String 對(duì)象的屬性方法等并進(jìn)行舉例說明,小編認(rèn)為對(duì)大家學(xué)習(xí)JavaScript是有所幫助的，需要朋友的可以看下2016-11-11