iframe框架中函数的相互调用

为什么80%的码农都做不了架构师？>>>   

//父页面中调用子窗口的函数
$(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();
	});
	
});

 

转载于:https://my.oschina.net/u/1773772/blog/1505856