打开新窗口 JavaScript

打开新窗口是Web页面开发中常用的功能之一。JavaScript提供了一个内置函数window.open()来实现这个功能。

window.open()方法

window.open()方法用于在新窗口或新标签页中打开一个指定的URL。语法如下：

window.open(url, name, features, replace)

• url：表示要在新窗口或新标签页中打开的URL地址，必须使用完整的URL路径。例如：http://www.example.com。

• name：表示打开窗口的名称。该参数是可选的，可以省略。如果省略该参数，则新打开的窗口将没有名称，也就没有办法在同一个窗口中打开多个网页。

• features：表示新打开窗口的属性。该参数也是可选的，可以省略。常用的属性有：width、height、top、left等，例如：'width=600,height=400,top=100,left=100'。

• replace：表示是否用新的url替换掉浏览器历史记录中的当前页面。该参数也是可选的，可以省略。如果该参数的值是true，则会用新的url替换掉历史记录中的当前页面。如果该参数的值是false或者没有指定，则会在历史记录中添加新的页面。

示例

下面是一个简单的示例代码，演示如何使用window.open()方法在新窗口中打开一个网页：

<button onclick="openWindow()">点击打开新窗口</button>

<script>
function openWindow() {
  window.open("http://www.example.com", "_blank", "width=600,height=400");
}
</script>

总结

打开新窗口是Web开发中不可或缺的功能之一。JavaScript提供了window.open()方法来实现这个功能。使用该方法可以方便地在新窗口或新标签页中打开指定的网页。