javascript - 如何在html页面中修改所有外部链接形式?
黄舟
黄舟 2017-04-10 14:43:15
[JavaScript讨论组]

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(2)
高洛峰

捕捉 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);
    }

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

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

怪我咯

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

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

类似这种写法,

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号