文档章节

iframe框架中函数的相互调用

赤月三号
 赤月三号
发布于 2017/08/10 14:37
字数 120
阅读 14
收藏 1
//父页面中调用子窗口的函数
$(function(){
	$('#pCallCa').on('click',function(){
		//js方法
		window.aIframe.aa(); //iframe的name名称直接调用函数
	});
	$('#pCallCb').on('click',function(){
		//jQuery方法
		$('iframe[data-id$=IframeB]').get(0).contentWindow.bb(); //iframe的name名称直接调用函数
	});
});

$(function(){
	//子窗口调用父窗口的函数
	$('#pa').on('click',function(){
		//js方式
		window.parent.fu();
		//jQuery方式
		//$(window.parent).get(0).fu();
	});
	//调用同级iframe的函数
	$('#aa').on('click',function(){
		//js方式
		//window.parent.bIframe.bb();
		//jQuery方式
		$("iframe[data-id$=IframeB]",window.parent.document).get(0).contentWindow.bb();
	});
	
});

 

© 著作权归作者所有

下一篇: 充满布局
赤月三号
粉丝 19
博文 130
码字总数 65329
作品 0
昌平
前端工程师
私信 提问
iframe 与主框架相互访问方法

1.同域相互访问 假设A.html 与 b.html domain都是localhost (同域) A.html中iframe 嵌入 B.html,name=myframe A.html有js function fMain() B.html有js function fIframe() 需要实现 A.ht......

lsjane
2015/08/20
0
0
HTML iframe 用法小总结

Iframe用法,下面是一个常规的列子 <iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src="move-ad.html"></iframe> 其中: iframe用于设置文......

Mr韦淋
2014/11/17
0
0
父子页面iframe相互调用方法详解

如果你采用嵌入iframe机制,不可避免的要用到各个iframe页面之间方法和属性的相互调用。这里介绍的是兼容各个浏览器的iframe调用方式。 这里设定有3个页面,一个父页面main.html,它嵌入了两...

UIleader
2017/09/13
0
0
iframe 父窗口和子窗口相互的调用方法集锦

http://www.jb51.net/article/25629.htm 一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent.functionName()...

lionkas
2017/09/12
0
0
iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题。顺便写一下iframe的父页面调用子页面j...

卖火柴的format
2014/08/11
0
1

没有更多内容

加载失败,请刷新页面

加载更多

计算机网络

计算机网络体系结构 OSI 其中表示层和会话层用途如下: 表示层 :数据压缩、加密以及数据描述,这使得应用程序不必关心在各台主机中数据内部格式不同的问题。 会话层 :建立及管理会话。 五层...

一只小青蛙
今天
2
0
0.01-Win10安装linux子系统

一、安装Debian子系统 -1、控制面板设置: -1.1、打开“控制面板” —— “程序” —— “启用或关闭Windows功能” —— 勾选 “适用于Linux的Windows子系统” -2、设置: -2.1、打开“设置”...

静以修身2025
昨天
2
0
init 0-6 (启动级别:init 0,1,2,3,4,5,6)

启动级别: init 0,1,2,3,4,5,6 这是个很久的知识点了,只是自己一直都迷迷糊糊的,今天在翻出来好好理解下。。 0: 停机 1:单用户形式,只root进行维护 2:多用户,不能使用net file system...

圣洁之子
昨天
2
0
Android Camera HAL浅析

1、Camera成像原理介绍 Camera工作流程图 Camera的成像原理可以简单概括如下: 景物(SCENE)通过镜头(LENS)生成的光学图像投射到图像传感器(Sensor)表面上,然后转为电信号,经过A/D(模数转...

天王盖地虎626
昨天
2
0
聊聊Elasticsearch的ProcessProbe

序 本文主要研究一下Elasticsearch的ProcessProbe ProcessProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/process/ProcessProbe.java public class ProcessProb......

go4it
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部