• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

php 搞代码 4年前 (2022-01-25) 19次浏览 已收录 0个评论
文章目录[隐藏]

例如,我有: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”的效果。
谢谢,因不太懂代码,希望大大们赐教,如何统一替换所有的外链形式?

……本2文来源gaodai.ma#com搞##代!^码@网3

搞代gaodaima码

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

<code>$(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');});</code>

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

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

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

类似这种写法,


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – 如何在html页面中修改所有外部链接形式?
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址