打开多个窗口 - 流浪天边的博客

作者在 2010-12-12 05:28:11 发布以下内容

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

这个源码不错，有技术含量，值得我们一研究，小K鸟，我们研究下！嘿嘿！