JavaScript Feed - 在新选项卡中打开链接

Question

我有一个 javascript 类型的提要，它更像是一个显示动态内容的小部件(该内容是从其他站点联合的)。这就是我所拥有的:

<div id="previewWidget"></div>
<script type="text/javascript" src="https://api.something/hlwidgetcommon.js">
<script type="text/javascript" src="https://api.something/hlwidgetcommon.js"></script>
<script type="text/javascript" src="http://api.something/latestDiscussion.js"></script>
<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
    hl.latestDiscussion('previewWidget', {
        discussionKey:'d06c3624-210e3-4a2b-a303-003f7ed66e038', <---------- random letters
        maxToRetrieve:'3',
        subjectLength:'50',
        contentLength:'160',
        moreUrl:'https://www.something.com',
        showLoginStatus:'0',
        loginUrl:'https://www.something.com',
        domainUrl:'https://www.something.com',
        cbUseBioBubble:'0',
        includeStaff:'1',
        HLIAMKey:'d06c3624-210e3-4a2b-a303-003f7ed66e038' <---------- more random letters
    });
  });
</script>

( http://www.pastebin.ca/3030247 )

我想做的是，提要生成的每个链接都在新选项卡中打开。没有<a href="#">让我去添加target=_blank .

示例:这是提要生成的内容(它是论坛提要): /image/p0kHJ.jpg

Answer 1

可能是最简单的解决方案:如果您有<a> feed 中的元素，然后您可以轻松地通过 JS 给它们添加 target="_blank"。如果使用 jQuery，您可能会使用这段 JS，例如:

$("#previewWidget a[href]").each(function() {
    $(this).attr("target","_blank");
});

如果您希望扫描每个帖子的文本中的 URL，那么您可以将这些 URL 用 <a target="_blank"> 括起来。元素。欲了解更多信息，请参阅this post ，用JS准确检测URL有点复杂。

不幸的是，使用 Javascript 在新选项卡中打开链接并不可靠，因为这归结为浏览器配置问题 - 通常您会陷入弹出窗口阻止程序中。请参阅this post了解更多详情。