快捷導(dǎo)航

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)用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序利用Canvas繪制圖片和豎排文字詳解
這篇文章主要介紹了微信小程序利用Canvas繪制圖片和豎排文字詳解，合成圖片應(yīng)該按照 Canvas 的文檔來做都沒什么問題，主要是有個(gè)豎排文字的需求，這里和大家分享一下,需要的朋友可以參考下
2019-06-06
讓你一句話理解閉包(簡單易懂)
下面小編就為大家?guī)硪黄痪湓捓斫忾]包(簡單易懂)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
你未必知道的JavaScript和CSS交互的5種方法
網(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
js實(shí)現(xiàn)電燈開關(guān)效果
這篇文章主要為大家詳細(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)檢測用戶是否在線功能
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測用戶是否在線功能，文中的示例代碼講解詳細(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