Question

所以我希望能够使用jquery或类似的方法强制所有外部链接

一个。在新窗口中打开（我想我已经涵盖From Here）

$(document).ready(function() {
    $('a[href^="http://"]').filter(function() {
        return this.hostname && this.hostname !== location.hostname;
    }).attr('target', '_blank');  
});

湾在顶部打开自定义工具栏（iframe？）（如reddit工具栏imgur.com/76YCS.jpg）

Answer 1

在实施方面，您实际上无法链接到外部网站并添加工具栏。

Reddit通过将其外部链接重写为附加了哈希的内部链接来实现此目的。散列存储在其数据库中并用作标识符。访问链接时，框架集将在一个框架中加载工具栏，并将该哈希的相应外部URL加载到主框架中。

如果您查看截图，可以看到网址为reddit.com/tb/bk40q

真的，这不是最适合在客户端处理的问题。

Answer 2

我已经设法完全使用Jquery，Html和Css

首先将工具栏应用于脚本中除外部之外的所有链接，即：global.js

$("a[href^='http:']").not("[href*='www.YOURDOMAIN.com']").each(function(){ 
    var tempurl = 'http://www.YOURDOMAIN.com/thebar/thebar.html?iframe=';
    var $this = $(this);
   // We grab the current href here, and then combine it with the bar url
    var currenturl = this.getAttribute("href");
    var href = tempurl + currenturl;
    $this.attr('href', href ); 
});

iframe的所有代码都可以在线获取，如果需要我可以在这里发布。（这只是很多）

在新窗口中打开链接，工具栏位于顶部 - 如reddit.com工具栏

2 个答案: