js window.open弹出新的网页窗口

下面是关于使用 JavaScript 的 window.open 函数弹出新的网页窗口的攻略。

什么是 window.open 函数

window.open 函数是 JavaScript 中用于弹出新窗口的函数。这个函数可以打开新的浏览器窗口、或者用标签方式打开页面、或者在新窗口中打开和当前页面相同 URL 的页面。它有三个必填参数和一些可选参数，下面详细介绍一下。

window.open 的语法

window.open(url, target, features, replace);

• url： 必填参数，是想要打开的页面的 URL。也可以是 data:URI 或者 JavaScript 代码。
• target： 必填参数，用来指定打开链接的页面的方式。可以是以下几种方式之一：
• _self：在当前页面中打开。
• _blank：在新窗口中打开。
• _parent：在父窗口中打开。
• _top：在顶层窗口中打开，替换所有的框架。
• 在其他已命名或未命名的窗口中打开，目标窗口的名称可以在 JavaScript 中使用。
• features：可选参数，用来设置新窗口的属性，比如宽度、高度、位置、工具栏、菜单栏等。具体有哪些属性可以设置，可以查看MDN文档。
• replace：可选参数，指定为布尔值 false 或 true。如果是 false，打开的页面会在浏览历史栈（浏览器后退/前进按钮）中申明一个新的历史记录。如果是 true，打开页面就不会在浏览历史栈中创建历史记录，就像在当前页面上执行了 location.replace(url) 一样。

window.open 的示例说明

下面给出两个示例说明 window.open 函数的用法。

示例一：在新窗口中打开链接

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

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

上述代码会在点击按钮时，以 width=600,height=400 的窗口大小，在新窗口中打开一个百度首页。

示例二：在当前页面的新标签页中打开链接

<button onclick="openTab()">在新标签页中打开链接</button>

<script>
function openTab() {
  window.open("https://www.baidu.com/", "_blank");
}
</script>

上述代码会在点击按钮时，在当前页面的新标签页中打开一个百度首页。

这些示例演示了如何使用 JavaScript 的 window.open 函数来打开新窗口或新标签页，可以根据具体的需求设置新窗口的属性。