<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> |