📌  相关文章
📜  如何使链接在新窗口中打开 - Html (1)

📅  最后修改于: 2023-12-03 15:24:02.275000             🧑  作者: Mango

如何使链接在新窗口中打开 - Html

在 Html 中,如果不特别设置,链接默认会在当前窗口或标签页中打开,但有时我们可能希望链接能够在新的窗口或标签页中打开。那么,如何实现呢?本文将会介绍两种方法。

方法一:使用 target 属性

我们可以在 a 标签中使用 target 属性来指定链接在哪个窗口或标签页中打开。target 属性有以下几个值:

  • _blank:在新窗口或标签页中打开链接
  • _self:在当前窗口或标签页中打开链接(默认值)
  • _parent:在当前窗口或标签页的父窗口或父标签页中打开链接
  • _top:在当前窗口或标签页的顶层窗口或标签页中打开链接

下面是一个示例代码:

<a href="https://example.com" target="_blank">在新窗口中打开链接</a>

在这个例子中,我们让链接在新的窗口中打开。

方法二:使用 JavaScript

如果我们需要让页面中的所有链接都在新窗口中打开,那么使用 target 属性就有点繁琐了。我们可以使用 JavaScript 来实现这个功能。

下面是一个例子代码:

<script>
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        links[i].setAttribute("target", "_blank");
    }
</script>

这段代码会遍历页面中的所有链接,并将它们的 target 属性设置为 _blank,从而让链接在新的窗口中打开。

以上就是如何使链接在新窗口中打开的两种方法了。在实际项目中,我们可以根据需要选择适合自己的方法。