时间戳

首页 > 解决方案 > 为什么链接不会在新窗口中打开？

html - 为什么链接不会在新窗口中打开？

问题描述

如果我在浏览器中单击<a>标签，链接将不起作用。如果我右键单击并选择在新选项卡中打开，它可以工作。

<div class="step-text-box">
  <p class="step-number">HD 4-Post</p>
  <h3 class="heading-tertiary">
    New Heavy-Duty Pit Racks
  </h3>
  <p class="step-description">
    Hunter's new P490HD and P491HD heavy-duty alignment pit racks offer easy installation for the shop owner and easy access for the technicians. Accomodte a wide variety of vehicles with two length options. They are the perfect solution for extended vehicles
    such as motor coaches, whose length and low clearance often prevent them from accessing a traditional rack.
    <a class="link" href="https://www.hunter.com/" target="_blank">Learn more</a>
  </p>
</div>

标签： html

解决方案

在我的评论“有条件的preventDefault”之后，只要标签没有属性和值，您就可以使用此if/else语句有条件地应用。e.preventDefaultatarget="_blank"

allLinks.forEach(function (link) { 
        link.addEventListener("click", function (e) {
            // conditional for preventDefault
            if (link.hasAttribute("target") === false) {
                    e.preventDefault();
            } else {
            if (link.getAttribute("target") !== "_blank") {
                    e.preventDefault(); 
            }
         }

它能为您提供帮助吗？

推荐阅读