web两个iframe之间互相调用方法
2017-12-15 08:45
573 查看
假如有两个iframe在同一个页面上,一个id为if1,另一个为if2。
想要在if1中调用if2中的方法,只需在if1中添加如下代码:
例:
main.html
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if1.html
2
3
4
5
6
7
8
9
10
11
12
if2.html
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
运行结果:
亲测可用!
想要在if1中调用if2中的方法,只需在if1中添加如下代码:
window.parent.document.getElementById('if2').contentWindow.需要调用的方法;1
例:
main.html
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <link href="../css/main.css" rel="stylesheet" type="text/css"> </head> <body> <div> <iframe src="if1.html" id="if1"></iframe> <iframe src="if2.html" id="if2"></iframe> </div> </body> </html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if1.html
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <button onclick="window.parent.document.getElementById('if2').contentWindow.show();">测试</button> </body> </html>1
2
3
4
5
6
7
8
9
10
11
12
if2.html
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if2</title> <script type="text/javascript"> function show(){ alert(); } </script> </head> <body> </body> </html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
运行结果:
亲测可用!
相关文章推荐
- web两个iframe之间互相调用方法
- 父页面和iframe页面之间方法的互相调用
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- 【原创】iframe与父页面之间,变量、方法互相调用
- iframe 父页面与子页面之间的方法的相互调用
- 非.NET语言调用.NET XML Web Services返回的数据集合的两个方法
- Android 平台C# 与C++之间的互相调用方法
- 解决同一页面中两个iframe互相调用jquery,js函数
- 非.NET语言调用.NET XML Web Services返回的数据集合的两个方法
- eclipse中两个插件之间的互相调用
- Html之frameset,iframe框架之间如何互相调用变量、函数-yellowcong
- iframe 父页面与子页面之间的方法的相互调用
- Android实现Activity、Service与Broadcaster三大组件之间互相调用的方法详解
- Flex与javaScript方法之间的互相调用
- python类之间方法互相调用
- C++两个类互相调用彼此的方法
- web前端iframe相互调用方法详解
- 非.NET语言调用.NET XML Web Services返回的数据集合的两个方法
- Fragment跟Activity之间的通信(互相调用方法)