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>

posted @ 2012-05-07 11:40  琥珀光  阅读(872)  评论(0编辑  收藏  举报