JavaScript回调打开窗口中的某个(动态名称)JS方法【原创】
通常都有这样的需求:在open一个页面,操作完成后需要刷新打开页面(opener)的某些地方,这个可以通过执行opener中的某些方法实现。
假设母页面A,其中有个JS方法refresh,弹出页面B,其中执行一些操作
A中弹出URL后缀一个参数refreshMethod,值为refresh,B中执行完操作后调用:首先取到refreshMethod参数值,执行window.opener[refreshMethod]();
这样就可以实现调用母页面的任意JS方法了。
A页面:test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
</head>
<script type="text/javascript">
window.onload = function(){
myForm.mybut.onclick = function(){
window.open("callback.html?cmd=new&refreshMethod=refresh")
}
}
function refresh(){
alert("callback");
}
</script>
<body>
<form action="" name="myForm">
<input type="button" name="mybut" value="按我"/>
</form>
</body>
</html>
B页面:callback.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
</head>
<script type="text/javascript">
// 说明:Javascript 获取链接(url)参数的方法
// 整理:http://www.CodeBit.cn
function getQueryString(name)
{
// 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空
if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)
{
return '';
}
// 获取链接中参数部分
var queryString = location.href.substring(location.href.indexOf("?")+1);
// 分离参数对 ?key=value&key2=value2
var parameters = queryString.split("&");
var pos, paraName, paraValue;
for(var i=0; i<parameters.length; i++)
{
// 获取等号位置
pos = parameters[i].indexOf('=');
if(pos == -1) { continue; }
// 获取name 和 value
paraName = parameters[i].substring(0, pos);
paraValue = parameters[i].substring(pos + 1);
// 如果查询的name等于当前name,就返回当前值,同时,将链接中的+号还原成空格
if(paraName == name)
{
return unescape(paraValue.replace(/\+/g, " "));
}
}
return '';
};
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
//-->
</script>
<script type="text/javascript">
window.onload = function(){
but.onclick=function(){
var refreshMethod = getQueryString("refreshMethod")
if(window.opener)
window.opener[refreshMethod]();
}
}
</script>
<body>
<input type="button" name="but" value="调用母页面的某个方法">
</body>
</html>