Javascript 子窗口调用父窗口js方法

父页面引入一个js文件 js文件中有方法打开一个子页面然后子页面要调父页面中的一个function 怎么写现在情况是“opener.方法名”可以调js文件中的function 不能调父页面中的function

推荐答案 2015-08-01

　JS子窗口调用父窗口的方法：

　框架（iframe）形式，这时用到是window.parent， window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以用这一点特性来判断这个窗口是否是顶层窗口。详情如下：

　　1、1.html代表的是父窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父页面</title>
</head>
<body>
<form name="form1" id="form1">
<input type="text" name="username" id="username" />
</form>
<iframe src="2.html" width="100%">
</body>
</html

　　2、2.html代表的子窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>子页面</title>
<script type="text/javascript">
function changeValue(val){
var _parentWin = window.parent ;
_parentWin.form1.username.value = val ;
}
</script>
</head>
<body>
<input type="file" name="filename" onchange="changeValue(this.value);" />
</body>
</html>

　　这时在子窗口（iframe窗口）所做的改变，会改变父窗口中username的值。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/2IS6fCT0I.html

其他回答

第1个回答 2013-05-09

你的js方法打开子页面？

以前用iframe可以实现效果，页面有父子关系，但你说的这个js打开的是个什么概念？追问

就是js文件里这样写的：
function query(obj){
if(event.keyCode==13 || param=="1")
{
window.open("**.pfv,"newwindow","resizable:yes;scroll:yes;status:no;dialogWidth=700px;dialogHeight=710px;center=yes;help=no;");
}
}

追答

我用两个静态文件试了一下，你参考一下吧

本回答被提问者和网友采纳

第2个回答 2015-06-19

window.parent='fun()'

第3个回答 2013-06-19

你可以参考下。呵呵

相似回答

JavaScript-在open页面调用父页面Js方法的问题答：1 . var parentObj = window.dialogArguments;parentObj.method();方法调用父窗口的方法！建议使用方法时考虑清楚弹出窗口究竟是什么模式的对话框，如果不清楚建议使用：try{ opener.method();//弹出的是普通窗口 }catch(e1){ try{ var parentObj = window.dialogArguments;//弹出的是模态窗口 parentObj...

javascript调用父页面的js方法问题答：window.frames[i].fn()//fn为frame中定义的方法，i表明页面中第i+1个frame 也可以用window.framename.fn()//不同的是framename是frame的name 属性的值如： window.fun.fn();

大家正在搜

子窗口调用父窗口方法mfc iframe调用父窗口方法 jsp子页面调用父页面方法子页面调用父页面中js方法 dialog调用父页面的js方法 jsp调用父页面方法 iframe跨域调用父页面方法父页面调用子页面方法 js调用父页面方法