
<html> |
<head> |
<title>打开多个窗口</title> |
<script type="text/javascript"> |
myWebpage1=window.open("","myWebpage1","width=200,height=100"); |
myWebpage2=window.open("","myWebpage2","width=200,height=100"); |
myWebpage3=window.open("http://www.baidu.com"); |
myWebpage1.document.write("这是第一个窗口!"); |
myWebpage1.document.write("<HEAD><TITLE>新窗口一</TITLE></HEAD>"); |
myWebpage2.document.write("这是第二个窗口!"); |
myWebpage2.document.write("<HEAD><TITLE>新窗口二</TITLE></HEAD>"); |
function closeWin() |
{ |
switch(form1.Select1.selectedIndex) |
{ |
case 0: |
myWebpage1.close(); |
alert("新窗口一已经关闭!"); |
break; |
case 1: |
myWebpage2.close(); |
alert("新窗口二已经关闭!") |
break; |
case 2: |
myWebpage3.close(); |
alert("http://www.baidu.com已经关闭!") |
break; |
} |
} |
</script> |
<style type="text/css"> |
#Select1 { |
width: 102px; |
} |
</style> |
</head> |
<body> |
<div style="background-color: #9acdcd"> |
<form name="form1" id="form1"> |
<p>请选择要关闭的窗口: |
<select id="Select1" name="D1"> |
<option>新窗口一</option> |
<option>新窗口二</option> |
<option>百度</option> |
</select> |
<input id="Button1" type="button" value="关闭" onclick="closeWin()"/> |
</form> |
</div> |
</body> |
</html> |



