页面弹出窗口刷新父页面方式小结-CSDN博客

一个页面上弹出子窗常用的方法有两种：1.window.open()方式。2.window.showModalDialog()方式。两种弹出方式刷新父页面的方式也不一样。下面简单介绍一下：

window.open(pageURL,name,parameters) 方式打开：

window.open('b.html','window',"height=400,width=400,top=300,left=400,toolbar=1,menubar=1,scrollbars=no,resizable=yes,location=yes,status=1");

在b.html弹出页面上可用以下方式刷新父页面或调用父页面上的JS方法并且关闭b.html:

function closeReflush(){
	//window.opener.location.reload();
	window.opener.reloadparent();//reloadparent父页面的js方法
	self.close();//关闭子页面
}

window.showModalDialog(pageURL,name,paramenters)方式打开刷新父页面方式多种：

方式一：

在父页面上调用代码：

 function showDialog(){
         var returnVal=window.showModalDialog('c.html','window','resizable:yes;scroll:yes;status:yes;dialogWidth=400px;dialogHeight=400px;center=yes;help=no');
	if(!returnVal)return;
	//window.location.reload();
	window.reloadparent();	
 }

通过showModalDialog的返回值判断是否要刷新父页面或调用父页面的JS。在子页面传递给父页面返回值：

function closeReflush(){
	//do something...
    window.returnValue="ok";
	self.close();
 }

备注：判断子页面是关闭还是刷新(IE7还没测试) 。

window.οnbefοreunlοad=function(){   
             var n = window.event.screenX - window.screenLeft;    
              var b = n > document.documentElement.scrollWidth-20;    
              if(b && window.event.clientY < 0 || window.event.altKey){                      alert("是关闭而非刷新");  
                     //window.event.returnValue="ok";
                     window.returnValue = "ok"; //这里可以放置你想做的操作代码    

              } else{
                    alert("是刷新而非关闭");   
                 }   

   }