子页面调用父页面方法，或者刷新父页面

最新推荐文章于 2023-06-01 13:31:17 发布

原创最新推荐文章于 2023-06-01 13:31:17 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#子窗体关闭 #父窗体刷新 #操作父框架或相邻框架页

本文介绍了一种在Web应用中打开和操作子窗体的方法，包括使用JavaScript进行子窗体的打开、传值及调用父窗体函数进行刷新等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里交代的不够明确，一点是在如何打开子窗体如下：

function openRecord(url){
	 var prop = 'dialogWidth:980px;dialogHeight:500px;dialogLeft:200px;' +
       'dialogTop:150px;resizable:no;center:yes;status:yes';
	var openWindows = window.open(url,window, prop);
}

网上相关资料解释的不够清楚，不够这个办法可以实现效果。
function fnParent(){ 
	window.opener.location.reload();//刷新父窗口 
	window.close(); 
}
 function createOrgRel(){ 
	if(radioValue()){ 
		var suporgId = radioValue(); 
		$.ajax({ 
			type:'post', 
			url:'<%=jsp_common_path%>/entp/suporg/createSuporg.action', 
			data:'id='+1+'&entpSuporgId='+suporgId, 
			success:function(falg){
				alert(falg); fnParent(); 
				} 
			}) 
	}else{ alert("请先选一行数据!"); } }

在框体的页面中就会存在各式各样的传值或者调用父框架下面的某个子框架页面，需要传值到里面去，或者调用里面的函数，不过怎样，终归要实现代码效果。这里只讲实现代码效果。以备自己日后查看和大家讨论还有什么其他实现方式。

有一个mainFrame 里面有几个框架页，我要用到的是 left.jsp 和 pageNav.jsp 一个名字，大家就知道它们的作用，left.jsp左侧菜单，pageNav.jsp为实现导航菜单功能，因为项目页面都开发完成，后来页面首页样式和登录后页面要更改，这里为每个页面嵌套导航菜单的任务极其繁琐和容易出现错误，甚者样式变的难看，所以在给来的框架页面就再嵌套pageNav.jsp，以达到导航效果。

left.jsp 希望能调到 pageNav.jsp 通过如下代码：

console.log(parent.window.frames.pageNav.getValueSet());

pageNav.jsp 有：fn 函数 getValueSet().

left.jsp调用 pageNav.jsp 的id值

console.log(parent.window.frames.pageNav.document.getElementById("ceshi").value);

这样就能获取到你想要的值也可以传值。通过Fn函数来传。

如果只想或者父框架页面值，直接parent.fn 以及值就成。