JS用什么方法可以在弹出的子页面刷新父页面?

JavaScript07

JS用什么方法可以在弹出的子页面刷新父页面?,第1张

//关闭窗口.

functioncloseWin(){

//可能存在frame页面,所以要引用top窗口.

varwin=top.window

try{

//聚焦.

if(win.opener)win.opener.focus()

//避免IE的关闭确认对话框.

win.opener=null

}catch(ex){

//防止opener被关闭时代码异常。

}finally{

win.close()

}

}

//刷新打开本窗口的opener窗口.

functionrefreshOpener(){

//可能存在frame页面,所以要引用top窗口.

varwin=top.window

try{

//刷新.

if(win.opener)win.opener.location.reload()

}catch(ex){

//防止opener被关闭时代码异常。

}

}

//刷新opener窗口后关闭自己。

functionrefreshOpenerAndCloseMe(){

refreshOpener()

closeWin()

}

 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的值。