📅  最后修改于: 2023-12-03 15:24:02.275000             🧑  作者: Mango
在 Html 中,如果不特别设置,链接默认会在当前窗口或标签页中打开,但有时我们可能希望链接能够在新的窗口或标签页中打开。那么,如何实现呢?本文将会介绍两种方法。
我们可以在 a 标签中使用 target 属性来指定链接在哪个窗口或标签页中打开。target 属性有以下几个值:
下面是一个示例代码:
<a href="https://example.com" target="_blank">在新窗口中打开链接</a>
在这个例子中,我们让链接在新的窗口中打开。
如果我们需要让页面中的所有链接都在新窗口中打开,那么使用 target 属性就有点繁琐了。我们可以使用 JavaScript 来实现这个功能。
下面是一个例子代码:
<script>
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].setAttribute("target", "_blank");
}
</script>
这段代码会遍历页面中的所有链接,并将它们的 target 属性设置为 _blank,从而让链接在新的窗口中打开。
以上就是如何使链接在新窗口中打开的两种方法了。在实际项目中,我们可以根据需要选择适合自己的方法。