【问题标题】:javascript open indirect URL link in new tabjavascript 在新选项卡中打开间接 URL 链接
【发布时间】:2017-10-16 04:06:03
【问题描述】:
<script type="text/javascript"> 

    jQuery(document).ready(function($) {
      $('.tablepress-id-??').on('click', 'tr', function() {
        var $a = $(this).find('a').last();
        if ($a.length) window.location = $a.attr('href');
      });
    });

 </script>

当单击表格行中的任何位置时,以上内容 100% 完美地打开 url 链接[使用也在每一行中的图像中的 url 链接] - 虽然链接在同一个选项卡/窗口中打开,但我需要它在新标签页/窗口中打开。

我已经阅读了一些类似的主题,但它们的情况并不完全相同,并且我试图从中适应的任何内容都不起作用[我可能将附加代码放在我现有代码中的错误位置?]

任何知道他们在这方面做什么的人的帮助 - 即不是我 :) - 将不胜感激......

【问题讨论】:

  • 跳过 JS,使用带有target="_blank" 属性的锚点。
  • 您好,感谢您的回复,如果只是单击小锚点本身,我已经打开了这样的锚点图像! JS 呈现整个表格行“可点击” - 锚点所在的整个单元格以及其中包含相关文本的相邻单元格......它这样做是我的起点:)

标签: javascript url tabs indirect-objects


【解决方案1】:

您可以在此处找到一些有用的位置对象文档:https://developer.mozilla.org/en-US/docs/Web/API/Window/location

如你所见,这是一样的,

location.assign("http://www.mozilla.org"); // or
location = "http://www.mozilla.org";

但你可以将target 属性传递给assign 函数,'_blank' 用于新标签,如下所示:

window.location.assign('https://developer.mozilla.org/en-US/docs/Web/API/Window/location', '_blank')

【讨论】:

    【解决方案2】:
    if ($a.length) { 
      var url = $a.attr('href');
      window.open(url, '_blank');
    }
    

    【讨论】:

    • 您好,非常感谢您的回复 - 这是我一直在玩的东西,但没有运气 - 我想我可能在错误的地方使用它?关于我的原始代码,你会把你给出的代码放在哪里?
    • 我已经按照上面的方法添加了它,这会在新选项卡中打开链接,非常棒 :-) 但它也会在原始页面上打开链接 - 关于修改内容的任何建议,以便它只在新选项卡中打开标签而不是原始页面?再次感谢您的代码和您的时间:)
    • 我想通了,非常感谢原始代码! :)
    【解决方案3】:

    这对我有用但是,我不知道代码,只是解决了一些问题,因为我遇到了这个 EXACT 问题。

    <script type="text/javascript"> jQuery(document).ready(function($){
        $('.tablepress-id-1').on( 'click', 'tr', function() {
            var $a = $(this).find('a').last(); 
            if ( $a.length ) 
            var url = $a.attr('href'); window.open(url, '_blank'); 
     } );
    })
    </script>
    

    【讨论】:

      猜你喜欢
      • 2017-01-05
      • 2019-05-18
      • 1970-01-01
      • 2012-04-25
      • 2020-12-11
      • 2013-11-11
      • 1970-01-01
      • 1970-01-01
      • 2015-11-28
      相关资源
      最近更新 更多