Ryongyon!

这世界上假绅士太多,缺少训练有素的流氓

· 实践教程 · · 798次浏览

巧用jQuery轻松修改a链接

前言

今天在优化博客的时候突然想到一个问题,我们知道typecho的独立页面是不支持设置链接跳转的(就是不能完全自定义a链接),只能设置www.yourblog.com/xxxxxxxxx.html这样的格式。那么我在想,假如我想在导航放一个跳转到站外的链接该如何做?比如“关于”页面我想弄它挑转到 13.ryongyon.com

实现方法

其实这只是一个很小的问题,解决方法有很多,比如我们可以单独在header加进去,又或者可以单独写一个模板用于做跳转。不过那些方法折腾起来比较麻烦,而巧用jQuery可以一下子解决问题。不扯废话,直接放代码,我相信你们看得懂

<script type="text/javascript">
$('a[href^="https://www.ryongyon.com/about.html"], a[href^="https://www.ryongyon.com/about.html"]').each(function() {
    $(this).attr('href', 'https://cdn.ryongyon.com');
});
</script>

简单粗暴,直接放在footer的</body>前即可

如果要批量修改的话直接按以下方法即可,以此类推:

<script type="text/javascript">
$('a[href^="https://www.ryongyon.com/about.html"], a[href^="https://www.ryongyon.com/about.html"]').each(function() {
    $(this).attr('target', "_blank");
});
$('a[href^="https://www.ryongyon.com/links.html"], a[href^="https://www.ryongyon.com/links.html"]').each(function() {
    $(this).attr('target', "_blank");
});
</script>
评论 (2条)
  1. 如果都这样的话,岂不是很可怕!

    回复
  2. 果然粗暴,直接把url改写了。。
    但这相当于在jquery里写死了……
    还有个办法,在导航栏多写一和固定的a标签,改后端

    回复