网页编程网

1.主窗口

<script>
var newWindow =null
function openWindow(){
    newWindow=window.open("00.php","新窗口","height=100")
}
function closeWindow(){  
    if(newWindow){
        newWindow.close()
    	newWindow=null
    }//if
}  
</script>
<div id="content">原内容</div>
<button onclick="openWindow()">弹出新窗口</button>
<button onclick="closeWindow()">关闭新窗口</button>

2.新开窗口

<script>
function update(){
	var content=window.opener.document.getElementById("content").innerHTML
	alert("原内容:"+content)
	window.opener.document.getElementById("content").innerHTML="更新内容"
	content=window.opener.document.getElementById("content").innerHTML
	alert("更新内容:"+content)
	//close open window
	window.opener.newWindow.close()
	window.opener.newWindow=null
	
}
function closeWindow(){  
    if(window.opener.newWindow){
		window.opener.newWindow.close()
		window.opener.newWindow=null
    }//if
}
//此方法使弹出窗口居中显示
function openwindow(url,name,iWidth,iHeight){
  var url;//转向网页的地址;
  var name;//网页名称，可为空;
  var iWidth;//弹出窗口的宽度;
  var iHeight;//弹出窗口的高度;
  //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
  var iTop = (window.screen.height-30-iHeight)/2;       //获得窗口的垂直位置;
  var iLeft = (window.screen.width-10-iWidth)/2;        //获得窗口的水平位置;
window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
 }
</script>
<button onclick="update()">更新父窗口内容</button>
<button onclick="closeWindow()">关闭当前窗口</button>