layer pop-layer method to call each other father and son event page - Code World

layer pop-layer method to call each other father and son event page

Others 2020-01-15 20:32:10 views: null

// parent page

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

<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);//获取子页面内容

var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();

body.find("#transmit").click();//执行子页面的方法

body.find('input').val('Hi，我是从父页来的')

$(".but_par").click(function(){

alert(222);

})

}

});

})

})

// Subpage

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<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(); 刷新父页面

//关闭layer弹出层

var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

parent.layer.close(index);

})

window.parent.$(".but_par").click();//执行父页面的事件

})

</script>

b_just

Published an original article · won praise 0 · Views 4161

Private letter concerns

Guess you like

Origin blog.csdn.net/b_just/article/details/103316533

layer pop-layer method to call each other father and son event page

Vue2 father to son, son to father and brother to each other

Vue components communicate with each other father and son Methods

Pop-layer react learning

Pop-layer element ui

Layer obtain js method of dom iframe elements and call the iframe page

iframe page elements call each other

Reflection call Java layer method

Angular get pass each other between the value of dom elements, as well as the formation of father and son

Commonly used components in vue3 communicate with each other (father and son, brother, grandfather and grandson, any component)

father and son mui page Mask

Android (H5) method call each other

JS Advanced --- prototype method is that you can access each other (call) of

How to call a method in Java through an intermediary layer?

Applet communication between father and son with the event components

Call methods of other layers through reflection in the service layer in the project

Vue page parameter passing between father and son

Vue father-son value transfer method

Unity call each other and Android

JS file call each other

C and Python call each other

Js Java call each other

Lua and C call each other

Lua and C call each other

UE and Android call each other

Dart (3) - method definition, arrow function, function call to each other, anonymous, self-executing method and closure

Netron view the shape method of each layer of the onnx file

[Gateway layer] APISIX plug-in call C method development entry

PHP between static methods and non-static method call each other

Non-father to son events (event center) & ref

Recommended

Ranking

SpringBoot-integrate redis

[Sword pointing to offer] Interview question 03: Repeated numbers in an array

Arrangement "Offer Penalty for prove safety" string

Browser prevent the automatic generation of fill and Echo have been saved account solutions

Work hard and never slacken——2022 Yinmai Information Year-End Summary

Install jdk7 on Linux system

App common dependency management tools

EduCoder-Web程序设计基础-html5— 给表单组件添加说明-第1关：label标签相关概念

Machine learning - clustering - density clustering algorithm notes

Ant's large model is exposed, AI+ finance enters the "big model" era

Daily

More

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)

2024-04-27(29)

2024-04-26(22)

2024-04-25(32)

2024-04-24(30)

2024-04-23(30)

2024-04-22(5)

2024-04-21(0)