📌  相关文章
📜  如何在 JavaScript 中模拟 target="_blank"?

📅  最后修改于: 2022-05-13 01:56:58.703000             🧑  作者: Mango

如何在 JavaScript 中模拟 target="_blank"?

HTML 目标属性定义当用户单击链接时链接文档将打开的位置。如果target=”_blank”设置了锚元素,则链接的文档将在新选项卡中打开,否则文档将在同一选项卡中打开。有两种方法可以执行此任务。一种是普通的较旧且冗长的方式,其中target=”_blank”属性写入 HTML 标记内。另一种方便的方法是通过 javascript 代码执行。

方法:首先我们会在每个点击函数上创建一个事件,然后我们设置条件,如果有一个锚标签并且没有提到目标属性,目标属性为“_blank”。

句法:

document.addEventListener("click", function(e) {
    if (e.target.tagName == "A" &&
            !e.target.hasAttribute("target"))
    {
        e.target.setAttribute("target", "_blank");
    }
}); 

下面的示例说明了 JavaScript 中的 target="_blank":
例子:



  

    
        Simulate target=“_blank” in JavaScript
    
      
    

  

      
    
        GeeksforGeeks
        A computer science portal for geeks     
  

输出: