JavaScript弹出窗口以及窗口间的通信

本网页JavaScript代码

本网页JS，只有一个函数，它负责打开一个300*300的网页。

<script type="text/javascript">
	function test(){
		window.open('04_popup_test.html','popup','width=300,height=300')
	}
</script>

HTML代码

<form action="#">
<button onclick="test(); return false;" value="test" >点击测试</button>
</form> 

弹出网页JS，首先，可以使用window.opener来引用打开父网页的window，再用location输出它的地址。最后有一个函数，可以利用它改变父网页的背景颜色。我们还可以做很多事情，这只是一个JavaScript窗口间通信的小例子。

<script type="text/javascript">
	farther = window.opener;
	document.write(farther.location);
	function changeFarther(){
		farther.document.getElementById('content').style.backgroundColor = "yellow";
	}
</script>

<button onclick="changeFarther(); return false;">设置背景颜色</button>