首页 / JAVASCRIPT / javascript-如何在html页面中修改所有外部链接形式？

javascript-如何在html页面中修改所有外部链接形式？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在html页面中修改所有外部链接形式？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1291字，纯文字阅读大概需要2分钟。

内容图文

例如，我有：http://A.com/a/index.html，该页面里有很多不同网站的外链（如b.com、c.com、d.com等)。
现在我想，用php、JS或其他方法实现，点击外链接“b.com”，新窗口打开的地址是“http://a.com/b/index.php?b.com”的效果。
谢谢，因不太懂代码，希望大大们赐教，如何统一替换所有的外链形式？

回复内容：

例如，我有：http://A.com/a/index.html，该页面里有很多不同网站的外链（如b.com、c.com、d.com等)。
现在我想，用php、JS或其他方法实现，点击外链接“b.com”，新窗口打开的地址是“http://a.com/b/index.php?b.com”的效果。
谢谢，因不太懂代码，希望大大们赐教，如何统一替换所有的外链形式？

捕捉 click 事件，然后在事件处理函数里修改 href。

$(document).on('click', 'a:not([data-bypass])', function(e) {
    var $target = $(e.target),
        href = $target.attr('href'),
        prefix = 'http://a.com/b/index.php?';

    if (/^http:\/\//.test(href)) {
        $target.attr('href', prefix + href);
    }

    // 把检查过的  标记一下，以后就不会再次做检查
    $target.attr('data-bypass', 'bypass');
});

这种思路跟直接遍历 修改 href 的思路比较，好处是绝无死角且效率高，对于后面再加入的 也依然有效。而且对于需要特殊处理的 ，只需要在标签里面先写上 data-bypass 属性就行，很方便。

jquery 获取全部 A 标签，然后批量替换 href 的值为 http:// 开头的

$("a[href*='http://']").each(function() {
  $(this).attr('href','http://www.fsdeveloper.net'+'/'+$(this).attr('href'));
});

类似这种写法，

内容总结

以上是互联网集市为您收集整理的javascript-如何在html页面中修改所有外部链接形式？全部内容，希望文章能够帮你解决javascript-如何在html页面中修改所有外部链接形式？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/236521.html

来源：【匿名】