【发布时间】:2021-06-04 03:27:14
【问题描述】:
我需要在某处添加target="_blank" 属性,以便在单击徽标时它们会在新选项卡中打开。
我正在开发一个网站,该网站使用以下 PHP 代码来引用徽标中的链接:
<?php if($cta): ?>
<div class="product-logos-container">
<?php foreach($cta as $_cta): ?>
<span class="card" <?php if($_cta['banner_link']): ?>onclick="window.location.href='<?php echo $_cta['banner_link'] ?>'"<?php endif ?>>
<span class="detail" style="opacity: 0;">
<span class="inner"><?php echo $_cta['banner_title'] ?></span>
</span>
<img src="/clear_cta/<?php echo $_cta['banner_filename'] ?>" alt="<?php echo $_cta['banner_title'] ?>" class="image"/>
......
现在我相当确定我需要将target="_blank" 添加到第 4 行。我不确定哪种语法适合它,在做了一些研究之后,我开始认为window.location 可能是问题所在。如果是这样,请告知在新标签中单击时会打开链接的替代代码。
【问题讨论】:
-
target不允许在<span>元素上使用。如果需要在新标签页中打开窗口,请使用 JS 中的window.open()方法。 -
使用
<a target="_blank"代替,如果需要,还可以使用 CSS 使其看起来像你想要的那样。