欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layer彈出層父子頁面事件相互調(diào)用方法

 更新時(shí)間:2018年08月17日 11:26:13   作者:qq_36990886  
今天小編就為大家分享一篇layer彈出層父子頁面事件相互調(diào)用方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

// 父頁面

<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頁的窗口對象,執(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)文章

  • JS實(shí)現(xiàn)炫酷輪播圖

    JS實(shí)現(xiàn)炫酷輪播圖

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)炫酷輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • JS 中使用Promise 實(shí)現(xiàn)紅綠燈實(shí)例代碼(demo)

    JS 中使用Promise 實(shí)現(xiàn)紅綠燈實(shí)例代碼(demo)

    本文通過實(shí)例代碼給大家介紹了JS 中使用Promise 實(shí)現(xiàn)紅綠燈效果,在文中給大家介紹了一個(gè)promise用法例子,需要的朋友可以參考下
    2017-10-10
  • js 表格拖拽效果實(shí)例代碼 (IE only)

    js 表格拖拽效果實(shí)例代碼 (IE only)

    拖拽交換Table的列(I.E. ONLY)
    2010-02-02
  • 微信小程序3種位置API的使用方法詳解

    微信小程序3種位置API的使用方法詳解

    這篇文章主要介紹了微信小程序3種位置API的使用方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-08-08
  • javascript 閉包詳解

    javascript 閉包詳解

    閉包:是指有權(quán)訪問另外一個(gè)函數(shù)作用域中的變量的函數(shù)。創(chuàng)建閉包的常見方式就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另外一個(gè)函數(shù)。在javascript中沒有塊級作用域,一般為了給某個(gè)函數(shù)申明一些只有該函數(shù)才能使用的局部變量時(shí),我們就會用到閉包,我們來詳細(xì)探討下
    2015-07-07
  • 極力推薦10個(gè)短小實(shí)用的JavaScript代碼段

    極力推薦10個(gè)短小實(shí)用的JavaScript代碼段

    這篇文章主要為大家極力推薦10個(gè)短小實(shí)用的JavaScript代碼段,幫助大家節(jié)省大量開發(fā)時(shí)間,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比

    原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比

    這篇文章主要通過原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比介紹了js與jQuery之間的區(qū)別,有需要的小伙伴可以參考下。
    2015-07-07
  • 正則 js分轉(zhuǎn)元帶千分符號詳解

    正則 js分轉(zhuǎn)元帶千分符號詳解

    下面小編就為大家?guī)硪黄齽t js分轉(zhuǎn)元帶千分符號詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-03-03
  • 微信小程序?qū)崿F(xiàn)漸入漸出動畫效果

    微信小程序?qū)崿F(xiàn)漸入漸出動畫效果

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)漸入漸出動畫效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • JS加載器如何動態(tài)加載外部js文件

    JS加載器如何動態(tài)加載外部js文件

    這篇文章主要介紹了JS加載器如何動態(tài)加載外部js文件的相關(guān)資料,需要的朋友可以參考下
    2016-05-05

最新評論