iframe包含的页面如何能够调用到父级页面的js方法

今日这个页面里面通过iframe包含昨日和明日的这两个页面;要想昨日和明日的这两个页面能够引用到今日这个页面里面的js方法;
主要是想利用poptodaymeetDiv这个div;可以弹出一个div进行会商添加;
应该用top.今日里面的方法();
在index.jsp中:
<script type="text/javascript">
function edittodaysub(){
	//alert("今日会商");
	var url = "static/pop/edittodaysub.html";
		$.get(url, function(data){
		  $("#poptodaymeetDiv").html(data);
		  BUI.use('bui/overlay',function(Overlay){
			       dialog = new Overlay.Dialog({
			         title:'今日会商录入',
			         width:700,
			         height:600,
			         mask:true,
			         closeAction : 'destroy',//每次关闭dialog释放
			         buttons:[],
			         contentId:'poptodaymeetDiv'
			       });
	     		   dialog.show();
	   	  }); 
		});
	}
	
function edityessub(){
	//alert("昨日会商2");
	var url = "static/pop/edityessub.html";
		$.get(url, function(data){
		  $("#poptodaymeetDiv").html(data);
		  	
		  BUI.use('bui/overlay',function(Overlay){
			       dialog = new Overlay.Dialog({
			         title:'昨日会商录入情况',
			         width:700,
			         height:600,
			         mask:true,
			         closeAction : 'destroy',//每次关闭dialog释放
			         buttons:[],
			         contentId:'poptodaymeetDiv'
			       });
	     		   dialog.show();
	   	  }); 
		});
	}
function edittomsub(){
	//alert("明日会商");
	var url = "static/pop/edittomsub.html";
		$.get(url, function(data){
		  $("#poptodaymeetDiv").html(data);
		  	
		  BUI.use('bui/overlay',function(Overlay){
			       dialog = new Overlay.Dialog({
			         title:'明日会商录入情况',
			         width:700,
			         height:600,
			         mask:true,
			         closeAction : 'destroy',//每次关闭dialog释放
			         buttons:[],
			         contentId:'poptodaymeetDiv'
			       });
	     		   dialog.show();
	   	  }); 
		});
	}
</script>
在yesindex.jsp(昨日页面)中:
function edityessub(){
	//alert("昨日会商");
	top.edityessub();
}
</script>
在tomindex.jsp(明日页面)中:
function edityessub(){
	//alert("昨日会商");
	top.edityessub();
}
</script>

以上就可以实现iframe包含的页面调用父级页面的js方法了;





layer.open()是一种常用于弹出层窗口的JavaScript插件。当我们在某个弹出层中需要调用父级页面,并且关闭当前弹出层时,可以使用一些方法来实现。 首先,我们可以使用layer.open()中的success回调函数,通过获取父级页面的索引来实现调用父级页面。在弹出层中调用父级页面方法或者修改父级页面的内容,可以使用layer.getChildFrame()方法获取到弹出层中Iframe的索引,然后使用parent.layer对象来操作父级页面。 接下来,我们需要关闭当前弹出层。可以使用layer.close()方法来关闭指定层,即将当前弹出层的索引作为参数传递给layer.close()方法即可。 综上所述,实现layer.open()调用父级并关闭当前的具体步骤如下: 1. 在layer.open()中使用success回调函数,在该回调函数中通过parent.layer.getChildFrame()获取弹出层中的Iframe索引。 例如: layer.open({ ... success: function(layero, index) { // 获取弹出层中的Iframe索引 var iframeIndex = parent.layer.getChildFrame('iframe的选择器', index); // 调用父级页面方法 parent.layer.method(); // 修改父级页面内容 parent.layer.$('.class').html('新内容'); // 关闭当前弹出层 parent.layer.close(index); }, ... }); 2. 在success回调函数中使用parent.layer.close(index)关闭当前弹出层。其中,index为当前弹出层的索引。 通过以上步骤,我们可以实现在layer.open()调用父级并关闭当前弹出层的效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值