JavaScript打开和关闭窗口

algorain
  2017-02-01 17:25:20 2017-02-01 17:25 Created   2023-05-14 21:39:50 2023-05-14 21:39 Updated      

使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<script type="text/javascript">
function open_win()
{
window.open("http://www.baidu.com","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
}
</script>
</head>

<body>
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
</body>
</html>

使用JS关闭当前弹出的窗口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script type="text/javascript">
function closeWin()
  {
  myWindow.close()
  }
</script>
</head>
<body>

<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
</script>

<input type="button" value="Close 'myWindow'" onclick="closeWin()" />

</body>
</html>

综上：源码本人亲自测试过，可以使用，有喜欢的可以收藏，我会持续更新，下次把我平时使用jquery的方法挂出来。

  • Title: JavaScript打开和关闭窗口
  • Author: algorain
  • Created at: 2017-02-01 17:25:20
  • Updated at: 2023-05-14 21:39:50
  • Link: http://www.rain1024.com/2017/02/01/javascript-article0006/
  • License: This work is licensed under CC BY-NC-SA 4.0.
 Comments
On this page
JavaScript打开和关闭窗口
  1. 使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；使用JS弹出一个窗口，并设置弹出窗口的页面；
  2. 使用JS关闭当前弹出的窗口