在Web开发中，有时我们需要在用户点击链接或按钮时，在新的浏览器窗口或标签页中打开 JavaScript。这种需求通常是为了避免替换当前页面，并提供更好的用户体验。然而，对于初学者来说，这个任务可能会有些困惑。本文将介绍如何使用 HTML 和 JavaScript 在新窗口中打开链接。
1. 使用target属性
所谓 "target" 属性，是 HTML 中 标记的一个属性。它指定被链接的文档在哪里显示。_blank 表示新的窗口或标签页。
<a href="https://example.com" target="_blank">Example</a>
上面代码中，当用户单击链接时，它将在新的浏览器窗口或标签页中打开 https://example.com 网站。
除了使用静态链接之外，您还可以在JavaScript函数中使用相同的方法：
<button onclick="openInNewTab('https://example.com')">Open Example in New Tab</button>
<script type="text/javascript">
function openInNewTab(url) {
window.open(url, '_blank');
}
</script>在上面的例子中，当用户单击按钮时，JavaScript 函数 openInNewTab 将会被调用。该函数通过 window.open 方法打开给定的 URL。
2. 使用JavaScript事件
另一种在新标签页或窗口中打开 JavaScript 的方法是使用 JavaScript 事件。通过监听链接或按钮的点击事件，并使用 window.open 方法打开一个新的浏览器窗口或标签页。
<button id="myButton">Open Example in New Tab</button>
<script type="text/javascript">
var button = document.getElementById('myButton');
button.addEventListener('click', function() {
window.open('https://example.com', '_blank');
});
</script>上面代码中，我们首先获取了一个具有 "myButton" ID 的按钮元素。接下来，我们通过 addEventListener 方法添加了一个单击事件监听器。当用户单击该按钮时，JavaScript 将在新的浏览器窗口或标签页中打开 https://example.com 网站。
3. 安全问题
需要注意的是，以这种方式打开新窗口存在一些安全问题。由于弹出窗口可能会被滥用，因此现代 Web 浏览器通常会阻止自动打开新窗口。为了避免这些问题，您应该尽可能在用户与页面交互后才打开新的窗口或标签页，并且不要过度使用它们。
结论
在本文中，我们介绍了两种在新窗口中打开 JavaScript 的方法：使用 HTML 目标属性和使用 JavaScript 事件。在实际开发中，这两种方法都可以使用，取决于您的需求和个人偏好。不过，我们需要注意安全性问题，并且尽可能不要滥用这种技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8436