在前端开发中，我们经常需要通过用户操作来打开新的标签页。JavaScript 提供了一个简便的方法 window.open()，可以实现在当前浏览器窗口或新窗口中打开指定 URL 的功能。但在铬浏览器中，该方法的一些特性与其他浏览器有所不同。本文将详细介绍铬浏览器中使用 window.open() 方法打开新标签页的相关知识，并提供示例代码以帮助读者更好地理解和应用这个方法。
什么是 window.open() 方法
window.open() 是 JavaScript 中的一个方法，它可用于打开一个新的浏览器窗口或标签页，从而显示指定的 URL。它具有以下语法和参数：
var newWindow = window.open(url, name, features, replace);
其中，
url：表示要在新窗口或标签页中显示的网址。name：表示弹出窗口的名称，如果该名称已存在，则会在该窗口中加载指定的 URL。如果名称未指定或为空，则浏览器将创建一个新窗口或标签页。features：表示要在新窗口或标签页中打开的选项，例如窗口大小、位置、菜单栏、工具栏等等。这个参数的具体选项可以在 MDN 文档中查看。replace：表示是否替换浏览器历史记录中的当前条目。如果为 true，则当前条目将被新打开的URL所替换，否则会创建一个新的历史记录条目。
铬浏览器中的特殊性
在铬浏览器中，使用 window.open() 方法打开新标签页时，可能会遇到一些问题。以下是其中比较常见的几种情况：
弹出窗口被浏览器拦截
由于过去存在很多恶意网站通过弹出窗口进行广告、欺诈等行为，因此现代浏览器都加强了对弹出窗口的拦截机制，铬浏览器也不例外。如果你在使用 window.open() 方法时，没有得到用户的明确操作（例如点击按钮），那么该方法可能会被浏览器拦截，导致无法打开新标签页。为了解决这个问题，我们需要在执行 window.open() 方法前，先让用户进行一些明确的操作，例如点击按钮、链接等等。
<button onclick="openNewTab()">打开新标签页</button>
<script>
function openNewTab() {
window.open('https://www.google.com', '_blank');
}
</script>在这个示例代码中，我们通过一个按钮来触发打开新标签页的操作。当用户点击该按钮时，才会执行 window.open() 方法来打开指定网址的新标签页，从而避免被浏览器拦截。
弹出窗口被默认屏蔽
除了上述情况外，铬浏览器还有一种特殊的限制：如果你在页面加载完成后，立即调用 window.open() 方法来打开新标签页，并且没有得到用户的明确操作，那么该方法可能会被默认屏蔽，无法打开新标签页。
为了解决这个问题，我们可以将 window.open() 方法放在用户事件（如 click、`touch
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10970