window.open();与window.close();

文章目录

      • open();新建窗口
      • close()关闭窗口

open();新建窗口

open() 方法可以查找一个已经存在或者新建的浏览器窗口。

语法:

window.open([URL], [窗口名称], [参数字符串]);

参数说明:

URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数,被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank:在新窗口显示目标网页
       _self:在当前窗口显示目标网页
       _top:框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

window.open();与window.close();_第1张图片
示例代码:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.opentitle>
<script type="text/javascript">
  function Wopen(){
      mywindow = window.open('http://www.imooc.com','_blank','width=600,height=400,top=100px,left=0px');
  }
 

script>
head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!"/>
   
body>
html>

close()关闭窗口

用法:

window.close();   //关闭本窗口
或
<窗口对象>.close();   //关闭指定的窗口

例如:关闭新建的窗口。

<script type="text/javascript">
   var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
   mywin.close();
script>

注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。
示例代码:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.opentitle>
<script type="text/javascript">
  function Wopen(){
      mywindow = window.open('http://www.imooc.com','_blank','width=600,height=400,top=100px,left=0px');
  }
  function Wclose(){
      mywindow.close();
  }

script>
head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!"/>
    <input name="button" type="button" onClick="Wclose()" value="点击我,关闭新窗口!"/>
body>
html>

你可能感兴趣的:(JavaScript)