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

最新推荐文章于 2024-01-01 23:52:03 发布

故梦连城

最新推荐文章于 2024-01-01 23:52:03 发布

阅读量3.1k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_41482001/article/details/86223551

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

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

open();新建窗口

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

语法：

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

参数说明:

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

在这里插入图片描述
示例代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<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>

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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<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>

故梦连城

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
window.open();与window.close();

文章目录open();新建窗口close()关闭窗口open();新建窗口open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法：window.open([URL], [窗口名称], [参数字符串])参数说明:URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1...
复制链接

扫一扫