Window open() 方法

Window 对象参考手册 Window 对象

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

window.open(URL, name, specs, replace)


参数 说明
URL 可选。打开指定的页面的URL。如果没有指定URL，打开与新的空白窗口
name 可选。指定target属性或窗口的名称。支持以下值：
  • _blank - URL加载到一个新的窗口。这是默认
  • _parent - URL加载到父框架
  • _self - URL替换当前页面
  • _top - URL替换任何可加载的框架集
  • name - 窗口名称
specs 可选。一个逗号分隔的项目列表。支持以下值：

channelmode=yes|no|1|0是否要在影院模式显示 window。默认是没有的。仅限IE浏览器directories=yes|no|1|0是否添加目录按钮。默认是肯定的。仅限IE浏览器fullscreen=yes|no|1|0浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器height=pixels窗口的高度。最小.值为100left=pixels该窗口的左侧位置location=yes|no|1|0是否显示地址字段.默认值是yesmenubar=yes|no|1|0是否显示菜单栏.默认值是yesresizable=yes|no|1|0是否可调整窗口大小.默认值是yesscrollbars=yes|no|1|0是否显示滚动条.默认值是yesstatus=yes|no|1|0是否要添加一个状态栏.默认值是yestitlebar=yes|no|1|0是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yestoolbar=yes|no|1|0是否显示浏览器工具栏.默认值是yestop=pixels窗口顶部的位置.仅限IE浏览器width=pixels窗口的宽度.最小.值为100
replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：
  • true - URL 替换浏览历史中的当前条目。
  • false - URL 在浏览历史中创建新的条目。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 open() 方法

实例s

在新浏览器窗口中打开 www.mifengjc.com ：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function open_win() {
      window.open("https://www.mifengjc.com");
    }
  </script>
</head>
<body>

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

</body>
</html>

尝试一下 »


下面的示例在一个新的浏览器打开一个window空白页：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function openWin() {
      myWindow = window.open('', '', 'width=200,height=100');
      myWindow.document.write("<p>这是'我的窗口'</p>");
      myWindow.focus();
    }
  </script>
</head>
<body>

  <input type="button" value="打开窗口" onclick="openWin()" />

</body>
</html>

尝试一下 »

更多实例

打开一个新窗口，并控制其外观

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function openWin() {
      window.open("https://www.mifengjc.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="openWin()">
  </form>

</body>
</html>

尝试一下 »


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function open_win() {
      window.open("http://www.microsoft.com/");
      window.open("https://www.mifengjc.com/");
    }
  </script>
</head>
<body>

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

</body>
</html>

尝试一下 »

Window 对象 参考手册 Window 对象