javascript - 如何强制在 Tumblr 主题的同一选项卡上打开外部链接？

Question

由于自动滚动问题，我不得不更换 Tumblr 上的博客主题。在此新主题上，即使删除了代码上的所有 target="_blank">，所有外部链接也会在新选项卡上打开。

当我在博客本身上尝试代码时，它会将 target="_blank"> 放回代码中。

例如，如果我留下这样的链接:

<a href="EXTERNAL-WEB-SITE-GOES-HERE">
                    <svg class="social-accounts-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 242.8 242.8" enable-background="new 0 0 242.8 242.8" xml:space="preserve">
    <path fill="#AAAAAA" d="SVG-VECTOR-CODE-GOES-HERE"/>
</svg>
 </a>

在 Chrome 上使用 F12 检查博客上的代码时，结果如下:

<a href="EXTERNAL-WEB-SITE-GOES-HERE" target="_blank">
                    <svg class="social-accounts-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 242.8 242.8" enable-background="new 0 0 242.8 242.8" xml:space="preserve">
    <path fill="#AAAAAA" d="SVG-VECTOR-CODE-GOES-HERE"></path>
</svg>
 </a>

我已经使用 Chrome 和 Firefox 测试了该博客，并且得到了相同的结果。

您可以在此pastebin上查看博客代码:https://pastebin.com/LpkPMugw

感谢您的阅读。

Answer 1

你可以使用 jQuery 来实现:

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
    $('.site-content a').each(function(){
        if( $(this).attr('href') && 0 != $(this).attr('href').indexOf('#') ) {
            $(this).attr('target', '_self');
        }
    });
});
// ]]></script>

如果您将该代码添加到您的网站，它会将 .site-content 容器内的所有链接更改为具有 target=_self